■ その１　画像を切り替えるアニメーション　　　　　　　１　【２】　３　４

・フェードイン
DoubleAnimation型のアニメーションを使用して、ImageコントロールのOpacityプロパティを0→1に変化させます。

-- MainWindow.xaml.cs --

Storyboard storyboard = new Storyboard(); DoubleAnimation doubleAnimation = new DoubleAnimation(); doubleAnimation.To = 1.0; doubleAnimation.From = 0.0; doubleAnimation.Duration = new Duration(TimeSpan.FromMilliseconds(600)); // _targetElementは表示対象のImageコントロール Storyboard.SetTarget(doubleAnimation, _targetElement); Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath(Image.OpacityProperty)); storyboard.Children.Add(doubleAnimation); storyboard.Begin();

・スライド
画面左横からImageコントロールをスライドするアニメーションです。
まず、対象となるTranslateTransformを識別するためにXAMLを変更します。

-- MainWindow.xaml --

<Image Name="image1" Stretch="Fill" Source="/Image/Sea.png" Margin="6">     <Image.RenderTransform>         <TransformGroup>             <TranslateTransform />         </TransformGroup>     </Image.RenderTransform> </Image>

戻る　<<　１　２　３　４　　>>　次へ