为 Silverlight 2 创建自定义控件

核心提示： 现在，通过启动 SimpleButtonDemo_Web 项目（Visual Studio 已将该项目添加到解决方案）中的 SimpleButtonDemoTestPage.aspx 或 SimpleButtonDemoTestPage.html 测试页面，为 Silverlight 2

现在，通过启动 SimpleButtonDemo_Web 项目（Visual Studio 已将该项目添加到解决方案）中的 SimpleButtonDemoTestPage.aspx 或 SimpleButtonDemoTestPage.html 测试页面，您可以看到您的努力成果了。图 3 显示了 SimpleButtonDemoTestPage.html 在浏览器中的外观。当然，目前主页中还没有什么内容，但在下一步骤中情况将有所变化。

图 3 显示 SimpleButton 控件

步骤 3：创建控件模板

在上一步骤中，浏览器窗口空白的原因是，虽然已对 SimpleButton 实例化，但它不呈现用户界面 (UI)。您可以通过修改 Page.xaml 中的 SimpleButton 声明使其包含控件模板来纠正此问题。图 4 中的代码显示了修改后的控件声明。

图 4 修改后的控件声明

<custom:SimpleButton>
　<custom:SimpleButton.Template>
　　<ControlTemplate>
　　　<Grid x:Name="RootElement">
　　　　<Rectangle x:Name="BodyElement" Width="200" Height="100"
　　　　　Fill="Lavender" Stroke="Purple" RadiusX="16" RadiusY="16" />
　　　　<TextBlock Text="Click Me" HorizontalAlignment="Center"
　　　　　VerticalAlignment="Center" />
　　　</Grid>
　　</ControlTemplate>
　</custom:SimpleButton.Template>
</custom:SimpleButton>