Silverlight Timer
2007-09-28 17:03 Bryan Chow 阅读(2429) 评论(0) 编辑 收藏 举报定时器（Timer）是一个挺常见的功能。通过使用定时器， 可以每隔一段制定的时间后触发某一指定的事件，如刷新、定时提醒等等。那在Silverlight中怎么使用定时器呢？其实也很简单，且听我细细道来。：）
HtmlTimer类和Storyboard
这是最简单的实现定时器的方式。你可以在你的程序中直接使用HtmlTimer类，它位于System.Windows.Browser命名空间下，使用之前你需要在工程中先加入对System.Silverlight.dll的引用。它的使用方法很简单：
HtmlTimer timer = new HtmlTimer();
timer.Interval = 200; //200毫秒
timer.Tick += new EventHandler(timer_Tick);
timer.Start();
void timer_Tick(object sender, EventArgs e)
{
//在这里处理定时器事件
}
但是很不幸，这个类被标记为obsolete，编译的时候会报一个warning，就是说今后的正式版本可能会移除对这个类的支持，因为这个定时器的精度不高，并不适合于间隔很短的动画。那么为了保证我们现在写的代码能够平稳的过渡到Silverlight1.1的正式版本，我们可以使用Storyboard来实现定时器的功能
大家可能利用Blend创建过动画，实际上你创建的动画在XAML文件中对应了Storyboard这个对象，因此我们可以利用它提供的Completed事件（动画结束之后触发）来模拟定时器。
首先在Page.xaml文件中添加一个Storyboard的资源：
<Canvas.Resources>
<Storyboardx:Name="timer"Completed="timer_Tick" />
</Canvas.Resources>
然后在代码中设置定时器的间隔，并开启动画，然后在Completed中重新开始Storyboard就可以模拟定时器的行为了：
timer.Duration = new TimeSpan(0, 0, 0, 0, 200); //200毫秒
timer.Begin();
void timer_Tick(object sender, EventArgs e)
{
//在这里处理定时器事件
timer.Begin();
}
定时器控件
现在大家可能已经知道如何用Storyboard来实现定时器的功能了，我们可以把它包装成一个控件，这样以后我们就可以很方便的在程序中使用定时器了。
为了方便从Xaml文件创建控件，我们先定义一个基类
public class XamlControl : Control
{
private readonly FrameworkElement m_Container;
protected FrameworkElement Container
{
get { return m_Container; }
}
protected XamlControl(string xamlName)
{
Stream stream = GetType().Assembly.GetManifestResourceStream(xamlName);
if (stream == null)
{
throw new ArgumentException("Xaml resource " + xamlName + " not present", "xamlName");
}
using (StreamReader sr = new StreamReader(stream))
{
string xamlData = sr.ReadToEnd();
m_Container = base.InitializeFromXaml(xamlData);
}
}
}
然后我们在工程中添加一个xaml文件，在Properties面板-Advanced-Build Action中选择”Embedded Resource”，这样我们就可以在代码里动态的加载这个xaml文件了。文件的内容如下
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
<Canvas.Triggers>
<EventTriggerRoutedEvent="Canvas.Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboardx:Name='timer'>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Canvas.Triggers>
</Canvas>
下面是定时器控件的代码（需要将下面的SilverlightControl改成你自己建立的工程的名称）：
public class Timer : XamlControl
{
private Storyboard m_Timer;
public Timer()
: base("SilverlightControl.Timer.xaml")
{
if (Container == null) return;
m_Timer = Container.FindName("timer") as Storyboard;
m_Timer.Completed += OnComplete;
}
public TimeSpan Interval
{
get
{
return m_Timer.Duration.TimeSpan;
}
set
{
m_Timer.Duration = new Duration(value);
}
}
public event EventHandler<EventArgs> Tick;
private void FireTick()
{
Tick(this, new EventArgs());
}
private void OnComplete(object sender, EventArgs e)
{
FireTick();
m_Timer.Begin();
}
}
这样我们就可以用类似于HtmlTimer的语法，很方便的操作定时器控件了
Timer timer = new Timer();
timer.Interval = new TimeSpan(0, 0, 0, 0, 200);
timer.Tick += timer_tick;
Children.Add(timer); //开始计时
如果要停止计时，只需要用Children.Remove(timer)即可
一点需要注意的地方，当你调用Storyboard.Begin的时候，如果这个Storyboard还没有被加入Xaml的DOM树中，如下图中右下角的红色节点所示，那么这时Silverlight会抛出异常。这在你将Storyboard内嵌在自定义控件里的时候要特别小心，如果你的控件不在当前Xaml的DOM树中，而你调用了这个控件内包含的Storyboard的Begin方法或者Stop方法，都会产生异常。
关于Timer的信息，还可以参考下文：http://advertboy.wordpress.com/2007/08/11/silverlight-timers-what-to-use/
原文链接： 在Silverlight中使用定时器（Timer）
