Silverlight 2 DispatcherTimer和通过XAML创建UI元素

XAML标签元素在silverlight运行时被转换成相应的对象，通过XamlReader类的Load方法，动态创建UI元素：

1. 指定一条XAML内容字符串,为按照XML规则运行,XamlReader.Load()现在需要你在你的XAML文件中指定一个xmlns；
2. 通过XamlReader.Load方法把元素在内存中编译（这样就可以得到UI元素对象的引用，也有可能是null，或者报错)；
3. 最后把它添加到容器的子控件中。

下面我们来制作一个简单的时钟，Page.xaml如下：

代码语言：js复制

<UserControl x:Class="OpenXmlVideo2.Page"
     xmlns="http://schemas.microsoft.com/client/2007"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     Width="187" Height="97">
     <Canvas x:Name="EClock" Height="97" Width="187" >
     </Canvas>
 </UserControl> 

Page.xaml.cs如下：

代码语言：javascript复制

using System;

using System.Collections.Generic;

using System.Linq;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Markup; 



namespace OpenXmlVideo2

{

    public partial class Page : UserControl

    {

        private TextBlock textBlock1;

        private System.Windows.Threading.DispatcherTimer timer; 



        public Page()

        {

            InitializeComponent();

            this.Loaded  = new RoutedEventHandler(Page_Loaded); 



        } 



        void Page_Loaded(object sender, RoutedEventArgs e)

        {

            string xaml = string.Empty;

            xaml = "<TextBlock xmlns="http://schemas.microsoft.com/client/2007" Margin="14,11,19,12" Name="textBlock1" FontFamily="Time New Roman" FontSize="40">00:00:00</TextBlock>";

            textBlock1 = XamlReader.Load(xaml) as TextBlock;



           //Loaded就是TextBlock的加载事件，那么里面的textBlock1_Loaded自然就是事件处理程序的名称。

            textBlock1.Loaded  = new RoutedEventHandler(textBlock1_Loaded);



           //改变附加属性（attached properties）,必须使用SetValue方法

            textBlock1.SetValue(Canvas.LeftProperty, 2);

            textBlock1.SetValue(Canvas.TopProperty, 2);



            //加把textBlock1对象做为子对象添加到画布（和asp.net页的控件树的道理相拟）



            this.EClock.Children.Add(textBlock1);



        } 



        void textBlock1_Loaded(object sender, RoutedEventArgs e)

        {



            //使用了DispatcherTimer，我把间隔设置为1秒。该计时器的间隔事件也是Tick事件

            timer = new System.Windows.Threading.DispatcherTimer();

            timer.Interval = new TimeSpan(0, 0, 1);   //间隔1秒

            timer.Tick  = new EventHandler(timer_Tick);

            timer.Start();

        } 



        void timer_Tick(object sender, EventArgs e)

        {

            textBlock1.Text = DateTime.Now.ToLongTimeString();

        }

    }

}

运行的结果如下：

一个简单的电子钟做好了。主要是学习两项内容：通过XamlReader类的Load方法，动态创建UI元素和DispatcherTimer。

参考资料：

Silverlight 2的变化（Breaking Changes in Silverlight 2）:

http://www.cnblogs.com/worksguo/archive/2008/03/07/1094347.html

Silverlight2.0中的计时器类DispatcherTimer——不再使用Storyboard计时器

http://www.cnblogs.com/gowhere/archive/2008/03/11/silverlight2_dispatchertimer.html

silverlight

0 人点赞