VS2005 Beta2 体验:使用主题(Themes)
2005-05-29 13:40
267 查看
主题(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的
大概用了一下,具体的内容自己动手试试就知道了。 下次继续……………………………
话不多说,就以一个简单的按钮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的
大概用了一下,具体的内容自己动手试试就知道了。 下次继续……………………………
相关文章推荐
- VS2005 Beta2 体验:使用Master Page
- 使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题
- Using Styles and Themes in Android(在Android中使用主题和样式)
- 体验Vs2005 beta2 测试工具
- 体验Vs2005 beta2 测试工具
- VS2005 Beta2 体验
- VS2005 Beta2 体验:建站方式
- VS2005中使用主题统一页面风格
- vs2005入门视频教程 之 主题和皮肤使用一 [视频]
- Android:应用中使用主题(Themes)
- [译文]Qt自定义主题或使用外部主题(Qt Creator Themes)
- VS2005中的Themes(主题)应用
- vs2005入门视频教程 之 主题和皮肤使用二
- VS2005 Beta2 体验:建站方式[1]
- VS2005开发MFC使用多字节字符集引起主题问题
- VS2005使用体验
- VS2005下使用VC,部分断点无效,显示『当前不会命中断点。还没有为该文档加载任何符号』
- Enterprise Library 3.0 体验:使用配置文件的Validation Application Block
- Android RecyclerView 使用完全解析 体验艺术般的控件
- Dialog 样式 主题 标题 背景 使用【总结】