zoukankan      html  css  js  c++  java
  • 【转】Silverlight 样式

    学过css的朋友都熟悉样式这个术语 它和css样式很类似的规则,那么从基本开始讲解 首先看一下xaml代码

    xaml代码

      <UserControl.Resources>
            <Style x:Key="btnstyle"  TargetType="Button">
                <Setter Property="Foreground" Value="Blue"> </Setter>
                <Setter Property="FontSize" Value="15"></Setter>
                <Setter Property="Cursor" Value="Hand"></Setter>
            </Style>
      </UserControl.Resources>

    蓝色字段表示 元素类型的兼容 比如Button元素,红色字段表示 这个元素样式的属性

    给一个Button应用

     <Button Content="Button" Style="{StaticResource btnstyle}" Height="23" 
    HorizontalAlignment=
    "Left" Margin="33,25,0,0" Name="button1" 
    VerticalAlignment=
    "Top" Width="75" />

     那么显示效果

    如果去掉X;Key属性 它会自动给这个页面所有Button应用此样式 那么想某个元素去掉样式 给style属性写上[x;null}

      如果想继承这个样式 再附加一些样式的话 那么可以这样写

            <Style BasedOn="{StaticResource btnstyle}" TargetType="Button" x:Key="btnstyleB">
                <Setter Property="Background">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Color="Red" Offset="0"></GradientStop>
                            <GradientStop Color="Yellow" Offset="1"></GradientStop>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>

      上面代码蓝色字段表示继承上一个样式 然后修改一下Button

    <Button Content="Button" Style="{StaticResource btnstyleB}" Height="23" 
    HorizontalAlignment=
    "Left" Margin="33,25,0,0" Name="button1" 
    VerticalAlignment=
    "Top" Width="75" />

    上面介绍是外部样式 接下来内部样式

    <Button Content="Button"  Height="23" HorizontalAlignment="Left" Margin="33,25,0,0" Name="button1" VerticalAlignment="Top" Width="75" >
                <Button.Style>
                    <Style   TargetType="Button">
                        <Setter Property="Foreground" Value="Blue"></Setter>
                        <Setter Property="FontSize" Value="15"></Setter>
                        <Setter Property="Cursor" Value="Hand"></Setter>
                        <Setter Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Color="Red" Offset="0"></GradientStop>
                                    <GradientStop Color="Yellow" Offset="1"></GradientStop>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Button.Style>
            </Button>

     button1.Style = (Style)this.Resources["btnstyleB"];

  • 相关阅读:
    Redis的安装和部署
    SaltStack应用grains和jinja模板-第四篇
    SaltStack部署配置Tomcat-第三篇
    python魔法方法、构造函数、序列与映射、迭代器、生成器
    python异常
    python类
    python之函数、参数、作用域、递归
    docker+openvswitch实现主机与容器的网络通信
    Docker网络和容器的通信
    docker命名空间、控制组及联合文件系统概念
  • 原文地址:https://www.cnblogs.com/gzh4455/p/2560443.html
Copyright © 2011-2022 走看看