WPF设置Image控件的图片淡入淡出更换

思路是这样的，文件夹里放1.jpg、2.jpg、3.jpg、4.jpg、5.jpg五张图片
用timer来控件更换图片的时间
主界面设置一个Storyboard故事板，用来写淡入淡出效果
触发timer事件的时候更换图片，然后淡入淡出效果启动

一、主界面故事板代码叫Tpjb ，这个故事板是用BLEND 4作的，效果不多也比较简单

<Window.Resources>

<Storyboard x:Key="Tpjb">

<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"Storyboard.TargetName="image1">

<EasingDoubleKeyFrame KeyTime="0" Value="0.1"/>

<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>

<EasingDoubleKeyFrame KeyTime="0:0:8" Value="1"/>

<EasingDoubleKeyFrame KeyTime="0:0:10" Value="0.1"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</Window.Resources>

<Window.Triggers>

<EventTrigger RoutedEvent="FrameworkElement.Loaded">

<BeginStoryboard Storyboard="{StaticResource Tpjb}"/>

</EventTrigger>

</Window.Triggers> 

二、后台代码页里的Timer代码

加上下面的命名空间

using System.Windows.Threading;

using System.Threading;

using System.IO;

using System.Windows.Media.Animation;

//这里这个bj变量是用于换图片
int bj = 1;
//在WPF中没有Timer控件只能new一个，其实写法用法都一样
DispatcherTimer Dshtp = new DispatcherTimer();

public MainWindow()

{

      InitializeComponent();

      stdStart = (Storyboard)this.Resources["Tpjb"];

      //new TimeSpan(100000000 )设置10秒换一次图片

      Dshtp.Tick += new EventHandler(Dshtp_Tick);

      Dshtp.Interval = new TimeSpan(100000000);

      Dshtp.Start();

}
 

 //换图片事件****************************************

void Dshtp_Tick(object sender, EventArgs e)

{

       if (bj< 5)

        {

              bj = bj + 1;

        }

        else

        {

             bj = 1;

        }

        image1.Source = new BitmapImage(new Uri("Image/"+bj.ToString()+".jpg", UriKind.Relative));

       //启动淡入淡出效果        
       stdStart.Begin();

}

//*************************************************