zoukankan      html  css  js  c++  java
  • WPF:CheckBox竖向的滑块效果

    之前做了一个横向的滑块效果,《WPF:CheckBox滑块效果》,其实我觉得那个不好看,今天又做了一个竖向的玩。

     1 <Style TargetType="{x:Type CheckBox}">
    2 <Setter Property="Foreground" Value="White"/>
    3 <Setter Property="Padding" Value="2"/>
    4 <Setter Property="Template">
    5 <Setter.Value>
    6 <ControlTemplate TargetType="{x:Type CheckBox}">
    7 <Border BorderThickness="1" Height="Auto" Width="Auto" CornerRadius="2" Margin="0" BorderBrush="Black">
    8 <StackPanel>
    9 <!-- 上半部分的文字 -->
    10 <Border x:Name="PART_UPC" Height="Auto" Width="Auto" CornerRadius="2" Margin="1.3" Padding="5,2">
    11 <TextBlock Text="上部分" FontSize="12" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    12 </Border>
    13 <!--end:上半部分的文字-->
    14 <!-- 下半部分的文字 -->
    15 <Border x:Name="PART_DWC" Height="Auto" Width="Auto" CornerRadius="2" Margin="1.3" Padding="5,2">
    16 <TextBlock Text="下部分" FontSize="12" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    17 </Border>
    18 <!--end:下半部分的文字-->
    19 </StackPanel>
    20 </Border>
    21 <ControlTemplate.Triggers>
    22 <Trigger Property="IsChecked" Value="True">
    23 <Setter TargetName="PART_UPC" Property="Background" Value="#997CFC00"/>
    24 </Trigger>
    25 <Trigger Property="IsChecked" Value="False">
    26 <Setter TargetName="PART_DWC" Property="Background" Value="#997CFC00"/>
    27 </Trigger>
    28 </ControlTemplate.Triggers>
    29 </ControlTemplate>
    30 </Setter.Value>
    31 </Setter>
    32 </Style>

    更多内容请访问我的博客:http://luacloud.com/2011/wpf-checkbox-style.html

  • 相关阅读:
    Rust 变量
    Rust-lang(hello world 续)
    Rust-lang(hello world)
    Java 1.8 ASM ClassReader failed to parse class file
    Sqoop使用笔记
    Jstorm
    从flume到kafka,日志收集
    vim-3-插件管理
    vim-2-使用进阶
    Git-Repo-Gerrit-1-Git介绍,安装和配置
  • 原文地址:https://www.cnblogs.com/luacloud/p/2263134.html
Copyright © 2011-2022 走看看