Silverlight 2 DispatcherTimer和通过XAML创建UI元素
时间:2022-04-23
本文章向大家介绍Silverlight 2 DispatcherTimer和通过XAML创建UI元素,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
XAML标签元素在silverlight运行时被转换成相应的对象,通过XamlReader类的Load方法,动态创建UI元素:
- 指定一条XAML内容字符串,为按照XML规则运行,XamlReader.Load()现在需要你在你的XAML文件中指定一个xmlns;
- 通过XamlReader.Load方法把元素在内存中编译(这样就可以得到UI元素对象的引用,也有可能是null,或者报错);
- 最后把它添加到容器的子控件中。
下面我们来制作一个简单的时钟,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(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
- WCF技术剖析之二十三:服务实例(Service Instance)生命周期如何控制[中篇]
- 如何通过自定义MessageFilter的方式利用按键方式操作控件滚动条[附源代码]
- WCF技术剖析之十九:深度剖析消息编码(Encoding)实现(下篇)
- 《WCF技术剖析》博文系列汇总[持续更新中]
- 关于服务器的运行寿命 你应该知道这些事
- WCF技术剖析之二十三:服务实例(Service Instance)生命周期如何控制[下篇]
- WCF技术剖析之二十一: WCF基本的异常处理模式[上篇]
- 树大招风:细数2017年加密货币市场的幺蛾子事件
- 如何解决HP QC(Quality Center)在Windows 7下不能工作的问题
- WCF技术剖析之二十二: 深入剖析WCF底层异常处理框架实现原理[上篇]
- 5个典型实例启发:什么是数据可视化
- 智能家居“智商”不够,能靠情商来补吗
- 大话MVP
- AngularJS in Action读书笔记1——扫平一揽子专业术语
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法