silverlight中控件样式的4种方式

最新推荐文章于 2024-05-19 11:09:09 发布

weixin_33890499

最新推荐文章于 2024-05-19 11:09:09 发布

阅读量101

点赞数

文章标签： python

原文链接：https://my.oschina.net/changpinghu/blog/92575

版权

2019独角兽企业重金招聘Python工程师标准>>>

OK，上一讲我们讲了silverlight中的页面布局。那么当我们一个页面中存在很多个控件和元素时，我是不是每次都要给控件的样式属性赋值，这样是不是很麻烦呀？那么我们能不能像在HTML中定义一个CSS样式表，当我要用某个样式的时候，我直接引用这个样式表就可以了。OK，答案是肯定的。我们的silverlight中的样式也跟CSS样式类似，不仅如此，我们SL中所有的属性都能定义为样式。

在我们的silverlight中有四种样式，我们依次来看一下，首先第一个内联样式：

这个我们之前已经接触过了，我们可以通过属性=“属性值”的这种方式，直接修改控件的样式。

这个不用多说，相信大家都已经掌握了。

好，那么下面我们看第二中修改样式的方式，叫做页面样式。

我们在HTML中定义页面样式的时候，是在<style></style>标签中，定义类，定义ID，定义标签的属性。

那么我们silverlight中也是类似的，我们的页面样式要包含在<UserControl.Resources></UserControl.Resources>这个节点中。

然后我们在<UserControl.Resources></UserControl.Resources>中加入<Style></Style>标签，然后我们必须给TargetType指定一个控件类型，来告诉我们的编译器我们是为哪个空间设置样式。然后我们在<Setter></Setter>中，为property和value赋值，property跟value是成对出现的，我们要想设置多个样式，我们就在<Style>标签中设置多个<Setter>。

OK，那么我们定义好页面样式后如何引用这个样式呢？下面看我操作：

我定义了一个页面样式：

<UserControl.Resources >
        <Style TargetType="Button" >
            <Setter Property="Foreground" Value="Red" ></Setter>
        </Style>
    </UserControl.Resources>

然后我直接拖两个button过来，发现它的前景色直接变了，我这里并没有引用它啊，为什么它的颜色就变了呢？那是因为这样定义的样式是全局的一个样式，所以我托一个button过来，那么它的样式就变成我之前定义好的样式了。

有人会说，老师，这样不要，因为这样我页面上所有的button都变了，那能不能指定哪个变，哪个不变的，这个问题问的很好，下面我稍微修改下代码，给style标签里面加一个x:Key="btn" ，OK，现在可以看到上面的两个按钮已经又变回到最初的黑色了。