在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 为指定容器内的元素设置样式的更多相关文章

  1. 【使用 DOM】为DOM元素设置样式

    1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...

  2. 【温故而知新-Javascript】为DOM元素设置样式

    1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...

  3. 在docker宿主机上查找指定容器内运行的所有进程的PID

    转载 https://www.cnblogs.com/keithtt/p/7591097.html 找到指定容器的所有进程的PID可以更方便的对容器进程进行管理,特别是在某些容器卡住无法连接的场景. ...

  4. css练习-容器内多元素水平居中-flexbox布局应用

    想要实现这样一个父元素中的子元素都是居中的 只需在父元素上加样式 {display: flex;flex-direction: column;align-items:center;} 设置为flexb ...

  5. 4.7做作业时发现,内联元素设置宽高背景以后正常不显示,但是设置了position:absolute;以后就可以显示了。起到了和display:block;一样的效果。然后查了一下知道了。

    如果内联元素定位属性设置为:absolate,元素脱离文档,即使a元素中没有内容,设置的背景依然会显示!

  6. CSS基础 行内元素/行内块元素设置垂直对齐方式及常见使用案例

    vertical-align 属性值 效果 baseline 基线对齐 top 顶部对齐 middle 中心对齐 bottom 底部对齐 使用案例1:百度搜索框左边和右边底部没有对齐 使用vertic ...

  7. zepto中给不存在的元素设置样式并绑定事件的坑

    在移动端使用zepto选择器时,一般如果元素不存在会返回一个空的zepto对象. zepto在设置元素样式时,提供了两个入参方式,一种键值对方式$(".ter").css({&qu ...

  8. windows上的docker容器内安装vim

    Reading package lists... Done Building dependency tree Reading state information... Done E: Unable t ...

  9. vue 给v-html中的元素设置样式

    解决方案:写样式的时候添加>>>

随机推荐

  1. Android进阶2之APK方式换肤

    public class MainActivity extends Activity { private Button defaultbutton = null; @Override public v ...

  2. IOS使用APNS推送Payload字节数限制导致推送不成功

    这2天须要在推送上加上脚本,找到了badge方法能够加脚本.加上后可是怎么推送也不成功.郁闷了好久.在网上查找相关资料. 最终被我找到原因: "Payload--最多256bytes. &q ...

  3. C加密解密

    /********************************************************* * des.h * 用户使用des算法头文件 * **************** ...

  4. Python学习 之 编程

    1.搭建python环境 交互模式:输入python进入交互模式,exit()退出交互模式 文本模式:新建*.py文件,编辑*.py文件,运行python *.py 2.python文件类型 (1)源 ...

  5. Mac OS 10.10 Yosemite正式版怎么升级 升级教程

    苹果在2014年10月17号凌晨一点召开了新品发布会,推出了新的 iPad.iMac 产品,以及大家一直所期盼的 Mac OS 10.10 正式版系统.个人是从 Mac OS 10.10 的第一个测试 ...

  6. 嵌入式 Linux 应用:概述

    转载:http://www.ibm.com/developerworks/cn/linux/embed/embl/overview/index.html   从腕表到基于群集的超级计算机 在对嵌入式 ...

  7. mongodb windows下的安装

    (1)上mongodb的官网下载windows版本的mongo的安装包,安装包是绿色版的解压出来就可以直接使用. (2)将解压出来的bin文件夹复制到c:\mongoDB下(c:\mongoDB这个文 ...

  8. CentOS-6.5安装配置Tomcat7

    一.下载tomcat cd /usr/local/src wget http://mirror.bit.edu.cn/apache/tomcat/tomcat-7/v7.0.50/bin/apache ...

  9. Python中查找字符串方法的速度比较

  10. Java计算文件的SHA码和MD5码

    可参考:http://blog.csdn.net/hudashi/article/details/8394158 /** * 计算文件的MD5码 * @param file * @return */ ...