Silverlight入门教程(11)

资料,教程,编程,文集

后,它显示为蓝色:
结束语
本文简单的介绍了 Silverlight 2 中使用样式来封装控件观感, 对任何控件都可以使用全局样式进行封装.
一步一步学 Silverlight 2 系列(9):使用控件模板
概述
Silverlight 2 Beta 1 版本发布了,无论从 Runtime 还是 Tools 都给我们带来了很多的惊喜,如支持框 架语言 Visual Basic, Visual C#, IronRuby, Ironpython,对 JSON,Web Service,WCF 以及 S ockets 的支持等一系列新的特性.《一步一步学 Silverlight 2 系列》文章带您快速进入 Silverlight 2 开发. 本文为系列文章第九篇, 主要介绍如何使用控件模板定制控件的观感. Silverlight 提供了极其强大的功能, 允许用户完全定制控件的外观.
定制控件内容
在 Silverlight 中,WatermarkedTextBox 控件可以为用户的输入提供一段提示信息,如果只是简单的 一点文字信息,有时候未免显得单调,如果加上相应的图片说明效果会更好,如下图所示的一个简单的用 户登录界面:
这样看起来界面显的就生动多了,XAML 声明如下:
<Canvas Background="#46461F"> <WatermarkedTextBox x:Name="UserName" Canvas.Top="30" Canvas.Left="50" Width="320" Height="48"> <WatermarkedTextBox.Watermark> <TextBlock Text="请输入用户名" VerticalAlignment="Center" Foregroun d="#999999"/> </WatermarkedTextBox.Watermark> </WatermarkedTextBox>
<WatermarkedTextBox x:Name="Password" Canvas.Top="110" Canvas.Left="50" Width="320" Height="48" HorizontalAlignment="Left"> <WatermarkedTextBox.Watermark> <TextBlock Text="请输入密码" VerticalAlignment="Center" Foreground= "#999999"/> </WatermarkedTextBox.Watermark> </WatermarkedTextBox>
<TextBlock Text="登 录" VerticalAlignment="Center" Margin="10 0 0 0 "></TextBlock> </Canvas>
很多控件都有 Content 或者 Text 属性,我们完全可以充分发挥自己的想象力去进行定制,定制后控件仍 然具有原来的功能行为,如上面的示例,当输入用户名控件获得焦点时文字和图片都将消失:
使用控件模板定制控件
前面的示例中我们只是定制了控件的内容,Silverlight 允许我们完全对控件进行定制,而不仅仅是内容. 下面的示例中我们定制一个渐变色的圆角矩形按钮.首先我们在 App.xaml 中创建一个 RoundButton 样 式,改写按钮的 Template 属性:
其中的渐变等内容在 Graphics 相关内容里将会写到.现在在 XAML 中使用该样式:
<Canvas Background="#46461F">
</Canvas>
运行后就可以看到下面的效果:
创建模板
上面的示例中,控件的文字以及控件的大小都
是固定的,我们希望在开发人员使用中再设定,可以在控件 模板中通过使用 {TemplateBinding ControlProperty} 的标识扩展句法来绑定到控件的属性来实现, 使用 ContentPresenter 控件可以灵活的设置各个属性.修改 RoundButton 样式如下所

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新高等教育Silverlight入门教程(11)全文阅读和word下载服务。