Wpf跑马灯——DrawingVisual运用
本文将建立一个wpf项目中运用DrawingVisual绘制跑马灯效果的简单实例，以下是详细步骤：
新建一个wpf项目，添加演示用图片，修改图片属性为"如果较新则复制"。
在MainWindow.xaml中，为系统自动创建的Grid容器命名，这样可以在后台操作的到它。
<Window x:Class="WpfPicRoll.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">
<Grid Name="gd_main"></Grid>
</Window>
在后台代码中，添加窗体布局。
public MainWindow()
{
InitializeComponent();
this.WindowLayout();
}
Image img_roll = new Image();
void WindowLayout()
{
this.WindowStartupLocation = WindowStartupLocation.CenterScreen;
this.Width = 300;
this.Height = 300;
img_roll.Margin = new Thickness(10, 10, 0, 0);
img_roll.HorizontalAlignment = HorizontalAlignment.Left;
img_roll.VerticalAlignment = VerticalAlignment.Top;
img_roll.Stretch = Stretch.Fill;
img_roll.Width = 200;
img_roll.Height = 200;
img_roll.Source = new BitmapImage(new Uri(@"Images\bg.jpg", UriKind.Relative));
this.gd_main.Children.Add(img_roll);
}
private void Window_Loaded(object sender, RoutedEventArgs e)
{
this.InitPicRoll();
}
这里使用一个Image控件作为演示区域，背景图片可有可无。
完成初始化滚动事件InitPicRoll，
List<BitmapImage> ls_images = new List<BitmapImage>(); //存放图片组
DispatcherTimer t_remain = new DispatcherTimer(); //切换
DispatcherTimer t_roll = new DispatcherTimer(); //滚动
int n_index = 0; //滚动索引
double n_height; //滚动高度
double n_width; //滚动宽度
double n_top; //滚动上边距
void InitPicRoll()
{
string[] img_files = Directory.GetFiles(string.Format("{0}/Images", AppDomain.CurrentDomain.SetupInformation.ApplicationBase), "*.png");
foreach (string img_path in img_files)
{
ls_images.Add(new BitmapImage(new Uri(img_path, UriKind.Absolute)));
}
n_height = img_roll.Height;
n_width = img_roll.Width;
t_remain.Interval = new TimeSpan(0, 0, 5);
t_remain.Tick += new EventHandler(t_remain_Tick);
t_roll.Interval = new TimeSpan(0, 0, 0, 0, 30);
t_roll.Tick += new EventHandler(t_roll_Tick);
t_remain.Start();
t_roll.Start();
}
wpf较winform中的用法有一些不同之处，例如：
获取程序启动路径:在winform中可以使用Application.StartupPath，在wpf中可以使用AppDomain.CurrentDomain.SetupInformation.ApplicationBase；
获取一张图片素材：在winform中可以使用Image.FromFile(img_path)的方法获取一个Image文件，在wpf中Image将作为一个显示用控件出现，可以使用new BitmapImage(new Uri(img_path, UriKind.Absolute))方法，将图片素材文件保存为一个bitmap，这里的img_path素材路径需要指明UriKind是相对还是绝对路径；
使用时钟：在winform中可以new 一个Timer时钟，但是在wpf中却没有Timer，在wpf中可以new 一个DispatcherTimer，可以代替Timer完成我们需要的工作。
下面完成图片切换时钟t_remain和滚动控制时钟t_roll，代码如下：
void t_remain_Tick(object sender, EventArgs e)
{
n_index = ++n_index % ls_images.Count;
n_top = 0;
t_roll.Start();
}
void t_roll_Tick(object sender, EventArgs e)
{
n_top -= 5;
if (n_top <= -n_height)
{
t_roll.Stop();
}
DrawingVisual drawingVisual = new DrawingVisual();
DrawingContext drawingContext = drawingVisual.RenderOpen();
for (int i = 0; i < 2; i++)
{
drawingContext.DrawImage(ls_images[(n_index + i) % ls_images.Count()], new Rect(0, n_top + i * n_height, 200, 200));
}
drawingContext.Close();
RenderTargetBitmap composeImage = new RenderTargetBitmap(200, 200, 0, 0, PixelFormats.Pbgra32);
composeImage.Render(drawingVisual);
img_roll.Source = composeImage;
}
注意到我们在winform中可以使用Graphics画笔来Draw一个Image，在wpf中我们可以使用DrawingVisual来代替，DrawingVisual是一个绘图类，当你new 一个DrawingVisual对象时，该对象并没有绘图内容，需要使用DrawingContext在其中进行绘制，步骤为：
1.new DrawingVisual.
2.调用DrawingVisual的RenderOpen方法，new DrawingContext.
3.使用DrawingContext来完成绘制动作.
4.调用DrawingContext的Close方法并保存内容.
5.new RenderTargetBitmap用作呈现.
6.调用RenderTargetBitmap的Render方法呈现已经完成绘制动作的DrawingVisual.
重新生成项目，F5运行，效果如下：
