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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架