Share via

在Silverlight中使用定时器（Timer）

  • Article

定时器（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="https://schemas.microsoft.com/client/2007"

  xmlns:x="https://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的信息，还可以参考下文：https://advertboy.wordpress.com/2007/08/11/silverlight-timers-what-to-use/

Comments