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中的元素设置样式
解决方案:写样式的时候添加>>>
随机推荐
- HDU 1498 50 years, 50 colors (行列匹配+最小顶点覆盖)
题目:点击打开链接 题意:每个格子有不同颜色的气球用不同数字表示,每次可选某一行 或某一列来戳气球.每个人有K次机会.求最后哪些气球不能在 k次机会内 ...
- 隐藏gvim中的工具栏和菜单栏
在vim的配置文件.vimrc中添加如下代码: "Toggle Menu and Toolbar set guioptions-=m set guioptions-=T map <si ...
- mysql导入数据库
mysql -u root -p bbs < d:\bbs_2011-06-15 --default-character-set=gbk mysqldump -uroot -p ta ...
- QT Creator 代码自动补全快捷键设置
在QT Creater界面点Tools再进Options...(找到environment->Keyboard)在里面找到FakeVim目录下的,发现默认快捷键就是CTRL+SPACE,把它删除 ...
- java io文件学习笔记
File f = new file("D:"+File.separator+"test.txt"); File.separator跨系统文件分隔符 f.crea ...
- Visual studio 2012 添加 GitHub
文件-新建项目
- Linux逻辑卷创建
1.创建PV物理卷 [root@localhost ~]# pvcreate /dev/sda4 /dev/sda5 /dev/sda6 /dev/sda7 Physical volume “/ ...
- javaweb学习总结四(反射技术)
一:反射的概念 反射就是加载类,然后获取类的属性.方法.构造函数等. 二:加载类到内存(有硬盘字节码文件到内存) 三种加载类的方式: @Test // 测试加载类 public void test1( ...
- Java事件总线
在平时写代码的过程中,我们需要实现这样一种功能:当执行某个逻辑时,希望能够进行其他逻辑的处理.最粗暴的方法是直接依赖其他模块,调用该模块的相应函数或者方法.但是,这样做带来一些问题. 模块间相互依赖, ...
- android 获取IMEI号
android 获取 imei号码 核心代码: Imei = ((TelephonyManager) getSystemService(TELEPHONY_SERVICE)).getDeviceId( ...