0

すべて、マウスをその上に置いたときに（ぼかし効果を使用して）画像をぼかし、マウスを離したときに通常の状態に戻したいと思います。

SilverlightベースのプロジェクトでWPF4、XAML、およびVB.NET2010を使用しています。

4

1 に答える 1

4

最も簡単な方法は、を使用しVisualStateManagerて変更することですMouseOverState

<VisualStateGroup x:Name="CommonStateGroup">
    <VisualState x:Name="MouseOverState">
        <Storyboard>
            <DoubleAnimation From="10" To="0" Duration="00:00:02" 
                             Storyboard.TargetName="blurEffect" 
                             Storyboard.TargetProperty="Radius">
            </DoubleAnimation>
        </Storyboard>
    </VisualState>
    ...
</VisualStateGroup>

を使用してTransition、[通常]->[マウスオーバー]の変更と[マウスオーバー]->[通常]の変更のアニメーションを個別に制御できます。

次に、画像を表示するコントロールに次のようにしますEffect。

    <BlurEffect Radius="10" x:Name="blurEffect"/>

チュートリアル
詳細情報

于 2011-02-20T21:41:56.073 に答える