VS2005 Beta2 体验:使用主题(Themes)

王朝asp·作者佚名  2006-01-31
窄屏简体版  字體: |||超大  

主题(Themes)可以让你的网站保持统一的风格。当然,你也可以为单独的页面或者控件指定不同的Theme。想一下,修改整个网站的风格,只需要修改一下Theme文件就可以搞定,那是多么愉快的事啊。^_^

话不多说,就以一个简单的按钮Theme来测试测试,注意,这里讲的是自定义主题(Custom Theme)。

选择添加新项,选择皮肤文件,点击添加的时候,如果在网站下没有App_Themes文件夹,会有提示。如图:

点击是,文件夹和文件就创建好了。

打开skin文件,在文件里面添加如下代码:

里面的参数很好理解,里面的SkinId就是一个标识,控件使用的时候需要选择这个ID,BackColor="White"就是标识当某个控件使用这个SkinId的时候,该控件的BackColor为White。

就这样一个简单的Theme就做好了。接下来做一个调用这个Theme的页面。

新建一个页面UseSkinPage.aspx,往页面上添加一个Server端Button,选择Button的属性,注意里面的两项:EnableTheming和SkinID。如果要想让控件能使用Themes,EnableTheming需要设为True。SkinID就好理解了,就是skin文件里面的某个SkinID,如上面的buttonSkin1。

在这之前,需要在页面的Page里面设置Theme属性,不然页面找不到skin文件的路径,当然也就用不了Theme了。当设置了正确的Theme文件之后,在Button属性里SkinID项就可以有响应的内容让你选择了,在本页当然就是buttonSkin1了。

UseSkinPage里面的主要代码如下:

访问一下,就可以看到Button的背景被设置为White了。

在skin文件里面,针对同一类型的控件,可以有多个SkinID,在页面里面,选择不同的SkinID就可以了。

如果要想对整个网站应用某个Theme,可以在web.config文件里面的节下添加

,这样就不用在每个Page里面使用Theme=" themeName "标记了。在本例中使用的是

使用主题的另外一个方式是使用StyleSheetTheme。StyleSheetTheme的文件和CustomTheme的文件是一样的,里面的内容都可以保持一样,只是在调用的时候有些差别而已。

其他:

1. App_Themes目录下可以有多个Themes,使用的时候,在里面选择使用哪一个就可以了。

2. 在写skin代码的时候,VS2005不象在Page页面,会自动检验控件的ID号,SkinID不会自动检验,在编译的时候才会出错。

3. 可以使用其他控件类型的SkinID,比如,Button使用TextBox的Skin,编译不会出错,但是浏览页面的时候没效果。当使用的SkinID不存在的时候,也不会出错。

4. 主题优先级如下:Themes > 本地css > StyleSheetTheme,所以如果在Themes和StyleSheetTheme有两个同样的SkinID,页面会选择用Themes而不会用StyleSheetTheme的

大概用了一下,具体的内容自己动手试试就知道了。

下次继续……………………………

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航