转：Silverlight样式写法

来自：http://hi.baidu.com/shop%B0%C9/blog/item/9d771ef4a7b8182dbc3109ca.html

Silverlight中的样式写法与普通的CSS有异曲同工之处，分为内联样式和全局样式。
内联样式是在XAML中定义控件样式，唯一不方便。eg：

引用内容

效果如下：

其中Button控件附加了一些样式属性，样式不可重用，页面XAML代码混乱等，这些缺点其实类似于在HTML中直接设置元素的样式。一种推荐的方式是应该使用全局的样式。

全局样式是在App.xaml中编辑样式，在其他XAML中调用的样式。将一下代码写到App.xaml中

引用内容

<Application.Resources>
     <Style x:Key="button1" TargetType="Button">
         <Setter Property="FontFamily" Value="微软雅黑"></Setter>
         <Setter Property="FontSize" Value="24"></Setter>
         <Setter Property="Foreground" Value="Green"></Setter>
         <Setter Property="Background" Value="Red"></Setter>
     </Style>
     <Style x:Key="button2" TargetType="Button">
         <Setter Property="FontFamily" Value="微软雅黑"></Setter>
         <Setter Property="FontSize" Value="24"></Setter>
         <Setter Property="Foreground" Value="Red"></Setter>
         <Setter Property="Background" Value="Red"></Setter>
     </Style>
</Application.Resources>

通过Style元素指定，需要设置唯一的一个Key，类似于CSS中的类名或者ASP.NET 2.0中Skin功能，并且通过TargetType指定该样式将使用在哪类控件上，每一个属性都用Setter来指定。在XAML中，通过StaticResource标记句法来指定具体的样式：

引用内容

其中的KEY可以理解为CSS中的ID(#),TargetType为样式赋予的类型是什么。相比较上面的XAML文件，现在代码已经干净多了，这使得我们可以只专注于应用程序的业务，而无需考虑它的外观（在Beta1中似乎有些属性设置后会报错）。运行后效果如下：

样式重写是指在定义全局样式后，仍可以在附加全局样式的控件上重新定义某些样式
如上面的示例中，我们在XAML中通过属性Foreground指定第一个按钮的前景色为蓝色：

引用内容

尽管我们在全局样式中指定第一个按钮的前景色为绿色，通过内联样式重写后，它显示为蓝色：

转：Silverlight样式写法相关推荐

Vue 中英文组件样式写法
Vue 中英文组件样式写法 Vue 项目国际化样式处理一.全局(main.js)添加自定义指令: v-lang 会自动添加语言对应的 class [中:zh,英:en] Vue.direct ...
react 的样式写法
react 的样式写法内联样式 const Home3 = function () {return (//这里第一个大括号表示要插入js语法了,第二个大括号表示对象的括号<div style ...
html自定义横纵向滚动条,详解css3自定义滚动条样式写法
本文介绍了css3自定义滚动条样式写法,分享给大家,具体如下: 先简单介绍一下各个属性 ::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,backgrou ...
html5中行内样式写法,react怎么写行内样式？
react怎么写行内样式?下面本篇文章给大家介绍一下react 行内样式几种写法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. react 行内样式几种写法法一这是评论列表组件 ...
复习微信小程序input组件和wxss样式写法。
Input组件输入框组件(参考小程序文档)写的相当清楚.. <view><text>请输入第一个数字</text><input type='number'v ...
Vue中动态绑定style样式写法
1. 动态绑定style样式注意点通过短横杠(-)连接的属性名都要转为驼峰形式,例:font-size要变成fontSize: 如果直接写样式属性的值,需要用引号引起来,例:fontSize: '1 ...
html5 去掉 li的样式,css li 去掉点的样式写法
li{ list-style: url("pre.gif") outside circle; } 直接变色 li{ color:#f00; } 关于这个list-style-typ ...
html日历表样式写法,css+html实现简单的日历
这篇文章主要为大家详细介绍了由html.css.javascript结合实现的简单日历,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 web页面中很多地方都会用到日历显示,选择等,本文用html. ...
清除浮动的四种样式写法
/* 清除浮动1 */ /* 添加额外标签使用 */ .clear { clear: both; } /* 清除浮动样式2 */ .clearfix { overflow: auto; /* over ...

转：Silverlight样式写法

转：Silverlight样式写法相关推荐

最新文章

热门文章