windows8.1 app样式定义使用
2014-06-22 19:35
134 查看
Windows app样式定义
在windows app中控件的样式定义其实可以参考html网页中css定义和使用的方式,参考css的定义,你会更加容易理解。下面列举几种windows app总样式定义的几种方式:
直接在控件属性中定义:
![](http://images.cnitblog.com/i/92509/201406/221928167709106.png)
在控件中的资源中定义,其实和第一种方式一样,只不过定义的方式不同。
![](http://images.cnitblog.com/i/92509/201406/221928288955444.png)
定义在页面资源中,定义的方式和第2种一样,放置的位置不同
![](http://images.cnitblog.com/i/92509/201406/221928440516541.png)
注意在定义资源样式时,一定要指定TargetType,因为定义属性时是根据TargetType来确定的,比如TargetType=Button,Setter中property就会列举button的相关样式。如果不指定x:key的话,Page.Reource中定义的样式会应用到整个页面所有的TargetType中的控件。这和2中的不同,如果使用第2种方式定义Resource,指定和不指定x:key,样式都只会应用到当前定义的button中。如果指定x:key,只有指定了style值为定义的样式的控件才会应用在Page.Resource中的定义的样式,比如:
![](http://images.cnitblog.com/i/92509/201406/221928562701908.png)
提交按钮会应用样式,而取消按钮不会。
添加一个资源字典,在资源字典中定义相关样式。先增加一个资源字典页面:
![](http://images.cnitblog.com/i/92509/201406/221929297865446.png)
再在字典中定义样式
![](http://images.cnitblog.com/i/92509/201406/221929382546368.png)
引用字典的方式有两种,一种是直接在页面中引用:
![](http://images.cnitblog.com/i/92509/201406/221932327392940.png)
使用的方式和在页面中直接定义样。
另外一种是添加到App.xaml中,这样可以再全局所有的页面使用
![](http://images.cnitblog.com/i/92509/201406/221932585671131.png)
另外,样式在windowsApp中也可以继承,当然继承是针对类似的TargetType,在复杂的app中可以重复使用定义过的样式,
在windows app中控件的样式定义其实可以参考html网页中css定义和使用的方式,参考css的定义,你会更加容易理解。下面列举几种windows app总样式定义的几种方式:
直接在控件属性中定义:
![](http://images.cnitblog.com/i/92509/201406/221928167709106.png)
在控件中的资源中定义,其实和第一种方式一样,只不过定义的方式不同。
![](http://images.cnitblog.com/i/92509/201406/221928288955444.png)
定义在页面资源中,定义的方式和第2种一样,放置的位置不同
![](http://images.cnitblog.com/i/92509/201406/221928440516541.png)
注意在定义资源样式时,一定要指定TargetType,因为定义属性时是根据TargetType来确定的,比如TargetType=Button,Setter中property就会列举button的相关样式。如果不指定x:key的话,Page.Reource中定义的样式会应用到整个页面所有的TargetType中的控件。这和2中的不同,如果使用第2种方式定义Resource,指定和不指定x:key,样式都只会应用到当前定义的button中。如果指定x:key,只有指定了style值为定义的样式的控件才会应用在Page.Resource中的定义的样式,比如:
![](http://images.cnitblog.com/i/92509/201406/221928562701908.png)
提交按钮会应用样式,而取消按钮不会。
添加一个资源字典,在资源字典中定义相关样式。先增加一个资源字典页面:
![](http://images.cnitblog.com/i/92509/201406/221929297865446.png)
再在字典中定义样式
![](http://images.cnitblog.com/i/92509/201406/221929382546368.png)
引用字典的方式有两种,一种是直接在页面中引用:
![](http://images.cnitblog.com/i/92509/201406/221932327392940.png)
使用的方式和在页面中直接定义样。
另外一种是添加到App.xaml中,这样可以再全局所有的页面使用
![](http://images.cnitblog.com/i/92509/201406/221932585671131.png)
另外,样式在windowsApp中也可以继承,当然继承是针对类似的TargetType,在复杂的app中可以重复使用定义过的样式,
![](http://images.cnitblog.com/i/92509/201406/221933189734632.png)
相关文章推荐
- 使用<appSettings>元素定义配置参数
- 使用透明效果来自定义文件上传按钮控件样式
- 使用appcompat_v7,定义activity全屏或无标题栏
- 自定义View以及View的属性的使用(重点,xml中定义属性的值),包括Bitmap存为jpg样式(可以模仿修改照片不喜欢的地方)
- Android 预定义样式使用
- 新闻资讯] 非常规Flex样式定义与使用
- 关于polymer app无法再子页面内使用父页面引入的样式(更新中)
- windows8.1 app所有默认样式
- 外部样式OL LI的定义 影响到了富文本框内的UL LI的定义,使用内部样式对其还原
- css定义有序列表样式以及counter-reset、counter-increment 的使用
- 使用自己定义的样式生成目录
- 使用jqMobi开发app基础:定义footer
- iOS:App 内部更改使用语言/ 重定义系统的宏
- 使用StaticResource给控件定义公共的样式和属性来写界面XAML
- 使用Sass预定义一些常用的样式,非常方便
- 使用<appSettings>元素定义配置参数
- 定义控件android学习笔记---50_样式与主题,给控件使用样式,给应用使用主题
- 源码推荐(2月7日):Pinterest样式的菜单 自定义展示app工作流或使用指南
- 它们的定义app.config中间section节点和在执行中使用
- WPF-样式的定义和使用