First Look at Silverlight 2--Part4:使用CSS风元素封装页面外观风格
来源:互联网 发布:java final是什么意思 编辑:程序博客网 时间:2024/05/17 03:56
Part4:使用CSS风元素封装页面外观风格
使用风格元素封装外观
WPF和Silverlight支持风格机制(允许我们封装控件的属性值作为可重用的资源),我们可以在不同的文件中存储这些风格定义信息,可以在多个控件,多个页面,多个程序用公用。在客户话定制的情况下,这个概念与HTML文件的CSS的使用非常类似。
注意:除了定义基本的风格定义(例如:颜色,字体,尺寸,边距等),在WPF中的风格化定义亦可以用来定义控件模板(非常华丽的皮肤和匹配控件结构的风格),我们将在Part7讨论控件模板。
我们的Digg程序,我们将定义我们的风格定义在App。Xaml文件中,可以被程序的页面和控件使用。
图1
我们首先封装<Border>控件和我们在搜索标题所使用的<TextBlock>。
图2
图3
在App.Xaml文件中创建两个风格元素封装<Border><TextBlock>,我们之前在行内做了标记。封装后代码如下:
图4
我们给每一个风格元素一个唯一的“Key”,我们程序可以使用这些“Key”去更新我们的<Border> 、<TextBlock>控件。我们将使用XAML的扩展标示特性"markup extensions"来完成这些。标示扩展也可用在非文本值的风格设置,例如:我们时候用数据绑定表达式中。
图5
在Page.xaml文件中我们将使用风格定义去更新其它的控件风格,代码如下:
图6
通过封装风格设置,我们可以让开发者更好的关注与程序的应用场景,并且可以在页面和控件中进行重用。
下一步
现在我们已经通过风格化的应用整理了我们的Page.xaml文件。下一步我们将进一步定义我们数据的展现。
- First Look at Silverlight 2--Part4:使用CSS风元素封装页面外观风格
- First Look at Silverlight 2--Part2:使用Layout层管理
- First Look at Silverlight 2--Part1:使用VS2008和Silverlight2创建HelloWorld程序
- First Look at Silverlight 2--Part5 使用ListBox显示列表数据
- First Look at Silverlight 2--Part6:使用用户自定义控件实现祝主/子结构
- First Look at Silverlight 2--Part3:通过网络获得数据并通过DataGrid展现
- CSS 3 First Look -
- A First Look At Input/Output
- A First Look at Rust Language
- Live Mesh: First Look at Microsoft's New Platform
- A First Look at SQL Server 2005 for Developers:Introduction
- A First Look at ASP.NET v. 2.0
- A first hand look at building an Android application
- A First Look at the Android Testing Framework
- 使用 Style 元素更好地封装观感(Look and Feel)
- JSR-184里封装照相机的look-at方法
- JSR-184里封装照相机的look-at方法
- [zz]A Closer Look At the Blueprint CSS Framework
- hj
- CListCtrl Sort
- 隐Markov模型续
- yeyuetu
- HP DL380 RAID5 配置方法
- First Look at Silverlight 2--Part4:使用CSS风元素封装页面外观风格
- 使用 windbg
- asp.net加密2
- HP DL380 G4服务器安装阵列及系统详解
- oracle 性能
- WINDOWS console程序截获CTRL+C按键
- 北京女大学生维权索赔 被告敲诈入狱10个月
- #define的使用总结
- 快速掌握一个语言最常用的50%