怎么样创建Silverlight的自定义控件

核心提示： 在Solution Explorer, 右击 class1.cs 然后选择 Delete.在Solution Explorer, 右击 project,选择 Add, New Item.在 Add New Item 对话框中, 选择 Silverlight User Control. 命名

在Solution Explorer, 右击 class1.cs 然后选择 Delete.

在Solution Explorer, 右击 project,选择 Add, New Item.

在 Add New Item 对话框中, 选择 Silverlight User Control. 命名为 MyLabel.xaml, 然后点击OK. 这将添加两个文件: 一个定义UI的 XAML 文件, 和一个编写代码的 .cs 文件.

注意

相比直接把XAML页加进来进行编译,把它作为嵌入资源却更合适.原因在接下来我们会进行介绍.

定义 UI

Canvas 是一个典型控件开始点. Canvas的 root element的内容将影响任何引用它的应用程序UI.

你定义了各种控制UI的作为XAML root的子elements. 在示例中, 你将只添加一个 element,但这将足够来观看 control 的运行. 一些复杂的control samples可能需要添加数百行代码到 XAML 中来, 这包括预定义的用于收集UI交互的基于 event-driven的animations , 很深层次的element 嵌套, 图象等.

在XAML中定义 UI

打开 MyLabel.xaml 进行编辑.将下面的XAML内容复制到 Canvas 标记根中.

CS

<TextBlock x:Name="tb"></TextBlock>

VB

<TextBlock x:Name="tb"></TextBlock>

保存文件.

在QuickStart这个示例中,你所做的就是这些了. 注意 x:Name 属性. 你应该一般都会要放入x:Name到任何一个重要的element中, 因为在后台代码文件中使用name references 是你牢牢控制UI控件的一个重要手段.

获取 Object References

在你开始添加自定义属性前,你需要获得一些 XAML中对象的引用,这样你才可以在代码文件中使用. 当你打开后台代码文件时, 你可以看到类已经定义了一个默认的构造函数. 这块就说明了为什么要把XAML文件作为一个嵌入资源来对待了: 代码文件将从assembly资源中以流的方式来访问 XAML文件. 这个stream将作为Control 类的方法 InitializeFromXaml的重要参数输入字符串,这个方法就说明了XAML和其后台代码文件是怎么样在最开始就进行挂勾的. 其实, 模板生成的后台构造函数还做了其它的一些工作: InitializeFromXaml 实际上是有一个返回值的, 这个值对你以后的对XAML中各种对象的引用将是有用的,你可以在接下来的过程中访问object tree.