定时器(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>
<Storyboard x: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>
<EventTrigger RoutedEvent="Canvas.Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard x: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/