WPF 自定义开关按钮实现

最新推荐文章于 2024-09-30 16:46:38 发布
最新推荐文章于 2024-09-30 16:46:38 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： WPF 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hisxiwu/article/details/126920887
版权

效果如下：

分别有四种用法：

  1. 第一种 文字在右边
  2. 第二种 文字在中间
  3. 第三种 文字无
  4. 第四种 一组单选类型
  5. 实现思路看代码吧,还不够很完美...

一、引用方法： 

<StackPanel
	Grid.Row="2"
	Margin="0,50,0,0"
	Orientation="Horizontal">


	<YOI:USwitchButton
		Width="70"
		Height="30"
		Margin="10"
		ActiveBackground="{DynamicResource PrimaryBlueColor}"
		ActiveForeground="{DynamicResource TextSecundaryColor}"
		ContentFalse="关闭"
		ContentTrue="开启"
		Cursor="Hand"
		FontSize="14"
		InactiveBackground="{DynamicResource TextWhiteColor}"
		SwitchBorderRadius="15"
		SwitchContentTemplate="Right" />


	<YOI:USwitchButton
		Width="80"
		Height="30"
		Margin="50,10,10,10"
		ActiveBackground="{DynamicResource PrimaryBlueColor}"
		ActiveForeground="{DynamicResource TextWhiteColor}"
		ContentFalse="关闭"
		ContentTrue="开启"
		FontSize="14"
		Foreground="{DynamicResource TextSecundaryColor}"
		InactiveBackground="{DynamicResource TextWhiteColor}"
		SwitchBorderRadius="15"
		SwitchContentTemplate="Middle" />

	<YOI:USwitchButton
		Width="70"
		Height="30"
		Margin="10"
		ActiveBackground="{DynamicResource PrimaryBlueColor}"
		ActiveForeground="{DynamicResource PrimaryGreen}"
		FontSize="14"
		Foreground="{DynamicResource TextSecundaryColor}"
		InactiveBackground="{DynamicResource TextWhiteColor}"
		SwitchBorderRadius="15" />


	<StackPanel
		Grid.Row="2"
		Margin="0,50,0,0"
		Orientation="Vertical">


		<YOI:USwitchButton
			Width="70"
			Height="30"
			Margin="10"
			ActiveBackground="{DynamicResource PrimaryBlueColor}"
			ActiveForeground="{DynamicResource PrimaryGreen}"
			FontSize="14"
			Foreground="{DynamicResource TextSecundaryColor}"
			InactiveBackground="{DynamicResource TextWhiteColor}"
			SwitchBorderRadius="15"
			SwitchType="1" />


		<YOI:USwitchButton
			Width="70"
			Height="30"
			Margin="10"
			ActiveBackground="{DynamicResource PrimaryBlueColor}"
			ActiveForeground="{DynamicResource PrimaryGreen}"
			FontSize="14"
			Foreground="{DynamicResource TextSecundaryColor}"
			InactiveBackground="{DynamicResource TextWhiteColor}"
			SwitchBorderRadius="15"
			SwitchType="1" />

	</StackPanel>

 二、语雀笔记：

https://www.yuque.com/docs/share/a26bfbb5-5c40-4d4b-9daa-06b53da041b0?# 《WPF 自定义开关按钮实现》

 

 

PINYAOYAO
关注
专栏目录
WPF制作开关按钮
weixin_44588263的博客
06-23 3254
今天我们用WPF来制作一个开关按钮，什么是开关按钮，请看下图。 开关按钮就是由一个圆加一个矩形组成的，当我们点击它是，圆就改变位置，并且改变矩形的颜色。就是这么个原理 接下来我来看下代码，这是一个待审核的开关按钮， // 一个开关布局 <Grid > <Grid.ColumnDefinitions> <ColumnDefinition /> <Colu
WPF自定义开关切换按钮
qq_44544363的博客
06-07 2626
WPF自定义开关切换按钮 突发奇想先要自己写一个开关按钮，说干就开干了，以下为View视图布局代码，开关按钮的样式就直接在这里定义了，主要呢通过定义触发器来完成按钮的切换。 ```csharp <Window x:Class="DEMO.View.StatusWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsof
WPF按钮相关
qq_57049935的博客
03-19 810
有两种方式,直接在button后面添加 ,但是我这里有三个按钮,你在项目之中会有出现更多按钮的情况,所以我们这了选择另一种方式:写按钮的样式style。这里的TargetType表示目标对象即button,下面的setter是设计器,property是button拥有的属性,value是我们设置的值.在本演练中，内容为文本（“Button 1”、“Button 2”、“Button 3”）。添加以下突出显示的标记。跟着官网敲的按钮相关的内容,还涉及了wpf很多其他的知识。4.模板自定义按钮外观。
C# WPF入门学习（四）—— 按钮控件
weixin_56595425的博客
05-26 1942
本文首先介绍了在Visual Studio 2019中通过两种方式创建WPF按钮的方法：一是直观地利用工具箱拖放按钮控件；二是直接在XAML代码编辑器中编写代码定义按钮。文章重点聚焦于XAML语言的应用，详细解析了构建WPF界面的基本元素和结构，特别是针对按钮控件的定制化设计。
WPF中的switch选择
Vae2437426397的博客
09-30 501
可以不用json序列话来实现键值对的功能，就是switch语句- 可以用这个方法做一个简单的键值表。
WPF 开关按钮
weixin_30252709的博客
05-09 1734
View Code <UserControl x:Class="Easy5.WPF.Controls.ToggleSwitchButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.micr...
Wpf自定义控件ToggleSwitch
11-23
从国外开源网站上找到的效果非常好的WPF自定义控件。切换开关控件(WpfToggleSwitch)。
WPF等待和开关按钮
09-13
WPF 等待和开关按钮等实例
C# WPF 自定义控件 滑块控件 开关控件 ToggleButton Switcher
shizu11zz的博客
09-24 3987
滑块效果演示如图： 源码下载地址https://download.csdn.net/download/shizu11zz/24417299https://download.csdn.net/download/shizu11zz/24417299 直接贴源码，有帮助的话求点个赞，不过分吧： 【MainWindow.Xaml】 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ...
WPF UI开发教程开关按钮
liaohaiyin的专栏
08-13 950
wpf自定义开关按钮风格接近 iOS 设备的 On/Off Switch 风格。点击开/关滑动动画只滑动开关，可以在现有基础上设置圆角，背景颜色，选中颜色等变成你想要的样式。 先看一下效果： 前端样式代码： <Style x:Key="CheckBoxStyle1" TargetType="{x:Type CheckBox}"> <Setter Property="Foreground" Value="{DynamicResource {x:Static
WPF XAML语言实现滑动开关示例
04-04
自己用WPF的XAML语言写的一个类似于苹果手机上的滑动按钮的开关，可以直接使用，程序比较简单易懂，没有任何生涩的引用，涉及WPF的资源定义，控件布局，模板自定义，事件触发，动画实现等基本知识，只是新手学习如何...
开关类型WPF ToggleButton / RadioButton（打开/关闭）控件
04-02
替代的ToggleButton / RadioButton控件
WPF 样式 style 滑动开关 实现的效果像checkbo好看的开关一样
08-10
WPF 样式 style 滑动开关 实现的效果像checkbo好看的开关一样
WPF模拟工业面板上的旋钮开关
09-10
使用VS2013的WPF，设计模仿工业面板上的圆形旋钮开关，基于CheckBox控件修改的，画了一个简单的圆形旋钮
WPF/Silverlight 开关按钮 开源DLL
10-28
Toggle Switch Control Library,codeplex上下载的DLL,github上下载的源码。分享给大家，没有文档，但是可以参照源码去使用。
WPF自定义圆形按钮控件
12-22
在Windows Presentation Foundation (WPF) 中，开发人员可以利用丰富的图形功能和强大的XAML语言来创建...通过学习和理解这些代码，你将能够更深入地了解WPF自定义控件的创建过程，并能够灵活地应用到自己的项目中。
WPF 自定义各类按钮样式
热门推荐
韬光养晦
03-15 1万+
WPF 自定义按钮样式 Xaml代码： <Window x:Class="WPF0315b.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
wpf switch button style
weixin_53370274的博客
06-24 773
发现一个好玩的东西 ,也忘了是从哪里找到了 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Style x:Key="ToggleButtonSwitchBaseStyle" TargetType="{x:
WPF实现8个按钮循环闪烁
最新发布
10-16
在WPF（Windows Presentation Foundation）中，可以使用`DispatcherTimer`和`VisualStateManager`来实现八个按钮循环闪烁的效果。这里是一个简单的示例： ```csharp <Window x:Class="ButtonFlashingApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Grid> <StackPanel> <!-- 这里放置8个按钮 --> <Button Content="Button 1" /> <Button Content="Button 2" /> <!-- ...重复七次... --> </StackPanel> <!-- 创建状态管理器和定时器 --> <VisualStateManager.VisualStateGroups> <VisualStateGroup> <VisualState Name="Off" /> <VisualState Name="On" /> <Storyboard x:Name="FlashStoryboard"> <ColorAnimation Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)" To="White" Duration="0:0:0.5" AutoReverse="True" RepeatBehavior="Forever"/> </Storyboard> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <!-- 当定时器触发时改变按钮的状态 --> <VisualStateManager> <VisualStateManager.Transitions> <Transition From="Off" To="On" GeneratedDuration="0:0:0.5"> <BeginStoryboard> <Storyboard> <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.IsEnabled)"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding ElementName=buttonFlasher, Path=IsEnabled}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </Transition> <Transition From="On" To="Off" GeneratedDuration="0:0:0.5"> <BeginStoryboard> <Storyboard> <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.IsEnabled)"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding ElementName=buttonFlasher, Path=IsEnabled, Converter={StaticResource NotConverter}}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </Transition> </VisualStateManager.Transitions> </VisualStateManager> <!-- 定义一个属性来控制按钮的可见性 --> <local:ToggleButtonControl x:Name="buttonFlasher" IsChecked="{x:Null}" /> </Grid> </Window> <!-- 自定义转换器 NotConverter --> <Style TargetType="ToggleButton"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ToggleButton"> <Grid Background="{TemplateBinding Background}"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsChecked" Value="False"> <Setter Property="Visibility" Value="{TemplateBinding IsChecked, Converter={StaticResource NotConverter}}"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- 转换器类 --> <local:NotConverter x:Key="NotConverter"> <local:NotConverter.Converter逻辑> <lambda:真假倒置逻辑 x:TypeArguments="System:Boolean"/> </local:NotConverter.Converter逻辑> </local:NotConverter> ``` 在这个例子中，我们创建了一个`ToggleButtonControl`自定义控件作为开关，它会切换八个按钮的可见性。`VisualStateManager`用于控制按钮的显示和隐藏，并通过`DispatcherTimer`每隔一段时间更改`ToggleButtonControl`的状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值