打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
在Silverlight中使用定时器(Timer)

在Silverlight中使用定时器(Timer)

时间:2011-03-09 04:45来源:51cto.com 作者:spmis 点击: 487次
定时器(Timer)是一个挺常见的功能。通过使用定时器, 可以每隔一段制定的时间后触发某一指定的事件,如刷新、定时提醒等等。那在Silverlight中怎么使用定时器呢?其实也很简单,且听我细细道来。:) HtmlTimer类和Storyboard 这是最简单的实现定时器的方式。你可以在你的
  

  定时器(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 == nullreturn;
 
            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(thisnew 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方法,都会产生异常。

  

本文来自spmis的博客,原文地址:http://spmis.blog.51cto.com/2682412/510709

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
C# 定时执行函数(winForm)
timer定时器、jiffies、HZ、Tick理解
WPF自定义一个MessageBox
WinUI 3 试玩报告
一步一步学Silverlight 2系列(30):使用Transform实现更炫的效果(下)
Silverlight:使用 XAML 和 Expression Blend 创建动画
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服