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如下:

<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如下:

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(001);   //间隔1秒

            timer.Tick += new EventHandler(timer_Tick);

            timer.Start();

        }
 


        
void timer_Tick(object sender, EventArgs e)

        
{

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

        }

    }

}

 

运行的结果如下:

image

一个简单的电子钟做好了。主要是学习两项内容:通过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

相关文章

如何在Silverlight4(XAML)中绑定IsEnabled属性?我试过简单的...
我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,...
ProcessFile()是在UIThread上运行还是在单独的线程上运行.如...
我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不...
我正在尝试保存一个类我的类对象的集合.我收到一个错误说明:...
我需要根据Silverlight中的某些配置值设置给定控件的Style.我...