Silverlight之Button控件简单自定义

简介:



Silverlight给我们提供的控件数量是非常有限的,不能够满足我们在实践项目中开发需求。所以我们就需要通过自定义控件的方式来解决这个问题。

一: Silverlight 控件应用样式。
我们大家都知道,我们可以通过使用属性语法来设置 UI 对象。这种方法能够有效地使对象外观发生浅层次的改变,但是我们可以想象如果我们在一个应用程序中需要大量相同的元素,我们还是采用这种办法去定义,那么就会显得笨拙,繁琐,还增加了代码量。为此,我们还有一种比较方便的方法,就是通过控件的通用属性集中到一起,统一添加到样式资源内。当我们在项目中在遇到相同类型的对象时,只需要通过标记扩展语法将其 Style 属性指定为资源名称即可。
下面我们通过一个很简单的 Demo 来说明如何设置应用样式吧!
第一步:我们通过 VS 建立一个 Silverlight 的项目。打开 App.xaml
第二步:在 App.xaml 中,我们需要添加如下代码:
              <Application.Resources>
        <Style TargetType="Button" x:Key="ButtonStytle">
            <Setter Property="Background" Value="Red"/>
            <Setter Property="Height" Value="50" />
            <Setter Property="Width" Value="100" />
            <Setter Property="Margin" Value="10" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Cursor"  Value="Hand" />
            <Setter Property="FontSize" Value="16"/>
        </Style>
    </Application.Resources>
在这段代码中我们需要注意的是 Style 标记中的 TargetType x:Key 属性。其中 TargetType 属性指定了当前应用样式类型为 Button x:Key 属性定义了样式名称,需要注意的是控件正式通过该名称引用标记内的代码的。 Setter 标记内对默认背景颜色,前景色,默认高度,宽度等属性进行赋值。
第三步:完成了前两个步骤,然后我们在用户界面中应用我们设置的样式。代码如下:
              <Button Content="ButtonStyle" Style="{StaticResource ButtonStytle}"/>
效果图如下:
鼠标放到按钮上后:




 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/496793 ,如需转载请自行联系原作者
 
相关文章
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
869 0

热门文章

最新文章