zoukankan      html  css  js  c++  java
  • WPF-19:分享一个样式(左右滑动选中的checbox)

    首先看下效果。
    选中:

    不选中

    样式:

    <Style x:Key="CheckStyle" TargetType="{x:Type CheckBox}">
                    <Setter Property="Height" Value="18"/>
                    <Setter Property="Foreground" Value="White"/>
                    <Setter Property="FontWeight" Value="Bold"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type CheckBox}">
                                <Border x:Name="ForegroundPanel" CornerRadius="2" BorderBrush="Black" BorderThickness="1" Padding="0">
                                    <DockPanel>
                                        <TextBlock x:Name="Content" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="2,0" />
                                        <Border x:Name="CheckFlag" HorizontalAlignment="Right" VerticalAlignment="Center" CornerRadius="2" BorderThickness="0" Width="18" Height="16"/>
                                    </DockPanel>
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsChecked" Value="True">
                                        <Setter TargetName="Content" Property="Text" Value="是"/>
                                        <Setter TargetName="ForegroundPanel" Property="Background">
                                            <Setter.Value>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="Gray" Offset="0.0"/>
                                                    <GradientStop Color="Blue" Offset="0.5"/>
                                                    <GradientStop Color="Gray" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Setter.Value>
                                        </Setter>
                                        <Setter TargetName="CheckFlag" Property="Background">
                                            <Setter.Value>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="WhiteSmoke" Offset="0.0"/>
                                                    <GradientStop Color="Green" Offset="0.5"/>
                                                    <GradientStop Color="WhiteSmoke" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Setter.Value>
                                        </Setter>
                                        <Setter TargetName="Content" Property="DockPanel.Dock" Value="Left"/>
                                        <Setter TargetName="CheckFlag" Property="DockPanel.Dock" Value="Right"/>
                                    </Trigger>
                                    <Trigger Property="IsChecked" Value="False">
                                        <Setter TargetName="Content" Property="Text" Value="否"/>
                                        <Setter TargetName="ForegroundPanel" Property="Background">
                                            <Setter.Value>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="Gray" Offset="0.0"/>
                                                    <GradientStop Color="Silver" Offset="0.5"/>
                                                    <GradientStop Color="Gray" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Setter.Value>
                                        </Setter>
                                        <Setter TargetName="CheckFlag" Property="Background">
                                            <Setter.Value>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="WhiteSmoke" Offset="0.0"/>
                                                    <GradientStop Color="Silver" Offset="0.5"/>
                                                    <GradientStop Color="WhiteSmoke" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Setter.Value>
                                        </Setter>
                                        <Setter TargetName="Content" Property="DockPanel.Dock" Value="Right"/>
                                        <Setter TargetName="CheckFlag" Property="DockPanel.Dock" Value="Left"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>

    在程序中的使用:

     <CheckBox Content="CheckBox" Height="34" HorizontalAlignment="Left" Margin="140,162,0,0" Name="checkBox1" VerticalAlignment="Top" Width="151" 
                      Style="{StaticResource CheckStyle}"/>

    代码下载: http://download.csdn.net/detail/yysyangyangyangshan/5647793


  • 相关阅读:
    软件工程第九周总结
    作为使用者对qq拼音输入法和搜狗输入法的评价
    关于编写Windows程序中启动兼容性问题
    软件工程第八周总结
    Java实验--关于课上找“水王”问题分析
    大道至简阅读笔记03
    家庭记账本-----一
    《人月神话》读后感----一到三章
    Java实现数据库与eclipse的连接
    流和文件
  • 原文地址:https://www.cnblogs.com/dyllove98/p/3155314.html
Copyright © 2011-2022 走看看