Windows Phone 为指定容器内的元素设置样式
在Windows Phone中设置元素样式有多种
拿TextBlock来说
1、我们可以直接在控件上设置:
<TextBlock Text="自身样式设置" Width="270" FontSize="20" Foreground="#FF6B6A6A"/>
2、也可以这样:在页面的静态资源中设置
<phone:PhoneApplicationPage.Resources>
<Style TargetType="TextBlock" x:Name="NomalStyle" >
<Setter Property="Foreground" Value="#FF6B6A6A" ></Setter>
<Setter Property="TextTrimming" Value="WordEllipsis"></Setter>
<Setter Property="Width" Value="270"></Setter>
<Setter Property="FontSize" Value="20"></Setter>
</Style> </phone:PhoneApplicationPage.Resources>
<!--通过Style属性设置样式-->
<TextBlock Text="通过Style设置样式" Style="{StaticResource NomalStyle}" />
<!--通过Style属性设置样式,增加或修改样式-->
<TextBlock Text="通过Style设置样式,但FontSize属性以我为准,我又比样式多了Margin属性" Style="{StaticResource NomalStyle}" FontSize="50" Margin="12,0" />
3、如果要设置当前页面的所有TextBlock的公共样式的话,可以将上述的x:Name去掉便可,所在页面的TextBlock都会使用页面资源里设置的样式
<phone:PhoneApplicationPage.Resources>
<Style TargetType="TextBlock">
<Setter Property="Foreground" Value="#FF6B6A6A" ></Setter>
<Setter Property="TextTrimming" Value="WordEllipsis"></Setter>
<Setter Property="Width" Value="270"></Setter>
<Setter Property="FontSize" Value="20"></Setter>
</Style> </phone:PhoneApplicationPage.Resources>
<!--使用页面样式资源设置样式-->
<TextBlock Text="使用页面样式资源设置样式,我与下边的文本一样" />
<TextBlock Text="使用页面样式资源设置样式,我与上边的文本一样" /> <!--使用页面样式资源设置样式,增加或修改样式-->
<TextBlock Text="使用页面样式资源设置样式,但我与上边的不一样,但FontSize属性以我为准,我又比样式多了Margin属性" FontSize="50" Margin="12,0" />
4、如果整个项目中都想使用,那么就将2或者3中介绍的资源放在App.Xaml中的 <Application.Resources> </Application.Resources>的节点中
5、局部样式怎么设置呢?比如:设置StackPanel中的所有TextBlock的样式,除了用上述2的方法设置Style之外还有什么方法呢?由方法2可发现,Style放在页面资源中,那么是否能将Style放在StackPanel的内部资源中呢,经过实现是可以的
<StackPanel>
<StackPanel.Resources>
<Style TargetType="TextBlock">
<Setter Property="Foreground" Value="#FF6B6A6A" ></Setter>
<Setter Property="Width" Value="37"></Setter>
<Setter Property="FontSize" Value="27"></Setter>
<Setter Property="Margin" Value="0"></Setter>
<Setter Property="TextWrapping" Value="Wrap"></Setter>
<Setter Property="TextAlignment" Value="Center"></Setter>
</Style>
</StackPanel.Resources>
<TextBlock Text="我使用的是StackPanel内部的样式,不受全局样式资源文件控制" />
<TextBlock Text="我使用的是StackPanel内部的样式,不受全局样式资源文件控制" />
</StackPanel>
以上为个人观点,如有问题,请指正。
Windows Phone 为指定容器内的元素设置样式的更多相关文章
- 【使用 DOM】为DOM元素设置样式
1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...
- 【温故而知新-Javascript】为DOM元素设置样式
1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...
- 在docker宿主机上查找指定容器内运行的所有进程的PID
转载 https://www.cnblogs.com/keithtt/p/7591097.html 找到指定容器的所有进程的PID可以更方便的对容器进程进行管理,特别是在某些容器卡住无法连接的场景. ...
- css练习-容器内多元素水平居中-flexbox布局应用
想要实现这样一个父元素中的子元素都是居中的 只需在父元素上加样式 {display: flex;flex-direction: column;align-items:center;} 设置为flexb ...
- 4.7做作业时发现,内联元素设置宽高背景以后正常不显示,但是设置了position:absolute;以后就可以显示了。起到了和display:block;一样的效果。然后查了一下知道了。
如果内联元素定位属性设置为:absolate,元素脱离文档,即使a元素中没有内容,设置的背景依然会显示!
- CSS基础 行内元素/行内块元素设置垂直对齐方式及常见使用案例
vertical-align 属性值 效果 baseline 基线对齐 top 顶部对齐 middle 中心对齐 bottom 底部对齐 使用案例1:百度搜索框左边和右边底部没有对齐 使用vertic ...
- zepto中给不存在的元素设置样式并绑定事件的坑
在移动端使用zepto选择器时,一般如果元素不存在会返回一个空的zepto对象. zepto在设置元素样式时,提供了两个入参方式,一种键值对方式$(".ter").css({&qu ...
- windows上的docker容器内安装vim
Reading package lists... Done Building dependency tree Reading state information... Done E: Unable t ...
- vue 给v-html中的元素设置样式
解决方案:写样式的时候添加>>>
随机推荐
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> “2. 每年的周数从(1-52), 如果超过52 周 ...
- [Angular 2] Import custom module
The application structure: in app.module.ts: import { NgModule} from "@angular/core"; impo ...
- The First
好吧,今天是第一次,写博客,虽然有点不明白,博客的作用.以后就写点感想,与每天的收获.既然,在博客园注册,自然也与IT相关了. hello,world!
- 深入理解windows
阿猫翻译的,用作备忘 深入理解windows——session.window stations.desktops 翻译自:http://www.brianbondy.com/blog/id/100/ ...
- 获取地理位置的html5代码
/** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { / ...
- The required Server component failed to start so Tomcat is unable to start解决之一
http://www.cnblogs.com/quxuedan/archive/2012/12/11/2813445.html 看看这个博客园园主说的吧
- 魔方阵算法及C语言实现
1 魔方阵概念 填充的,每一行.每一列.对角线之和均相等的方阵,阶数n = 3,4,5….魔方阵也称为幻方阵. 例如三阶魔方阵为: 魔方阵有什么的规律呢? 魔方阵分为奇幻方和偶幻方.而偶幻方又分为是4 ...
- Linux命令行下cp,rm,mv命令的使用
以下的内容来源于<鸟哥的私房菜> Linux命令行下的复制.删除与移动:cp,rm,mv cp(copy)复制 cp这个命令的用途很多,除了单纯的复制之外,还可以创建链接文件 ...
- c#语法笔记
书写代码需要注意的地方: 1.代码中出现的所有标点都是英文半角 shift键快速切换中文半角和英文半角 shift+空格 切换全角/半角 2.在c#代码中,每行代码的结束,我们都以分号结束,注意:这个 ...
- 使用iTextSharp来填充PDF模板文件
需求简介: 遇到了这样一个需求:某公司需要为所有用户的培训生成一个培训记录,过程如下: (1)用户在培训完之后会进入到一个填写信息的界面. (2)用户填写信息. (3) ...