3. 单击"编辑"按钮，将会打开一个"样式编辑器"窗口，如下图所示。利用该窗口使得开发人员可以根据实际的需求创建多个样式。


　　4. 根据所要创建的样式类型，选择左侧列表栏中对应的"样式类型"的某个选项，然后单击">"按钮。这将创建一个从"样式类型"列表中所选类型的样式实例，并将其添加到右侧的"定义的样式"列表中。在当前的样式列表中有两个不同的样式类型：

　　⑴ Pager Style type: 该样式包含Style样式的属性以及可应用于分页控件的属性。这对一个移动WEB页面上包含多个移动控件的情形是非常有用的，因为移动设备可能无法在同一屏显示所有的移动控件，所以需要分页进行显示。采用这种样式类型，ASP.NET会自动在上述情况下创建分页。

　　⑵ Style: 该样式包含移动控件常用的外观属性。

　　5. 在"定义的样式"列表栏中右键点选已经定义好的的样式实例，这时会弹出一个"重命名"菜单，你可以为该样式命名一个有意义的名称。本例中设置了两个样式，分别为Pager Style类型的"GrayBackground"样式和Style类型的"RedBackground"样式。

　　6. 当所有的样式都定义好后，单击"确定"按钮就完成了整个的定义过程。

　　从上图你可以看出这里的样式属性远比传统的ASP.NET程序的样式属性要少很多，这主要是受到移动设备的硬件限制，尤其是一些只支持WML的设备。尽管如此，在ASP.NET移动WEB程序中还是保留一些常用的样式属性。例如你可以设置背景颜色、字体颜色、字体大小和字体类型等属性。虽然存在一些缺憾，但是我们可以在移动WEB页面上方便地使用StyleSheet控件，使程序具有一致性的用户体验。

　　当你定义完样式后，我们就可以将这些样式应用到具体的移动控件上了。这个过程是非常容易的，你只需点选该移动控件对应属性窗体上的StyleReference属性，然后在下拉列表中选择合适的样式即可。如下图所示，我们将GrayBackground样式应用到整个WEB Form控件上，而将RedBackground样式应用到Label控件上。这就是为什么所有在Form控件内的移动控件的背景颜色都是灰色，唯独Label控件的背景颜色为红色的原因 (Label移动控件用自身的样式替代窗体的样式)，最后的显示效果如下：

上一页  [1] [2]