WPF Button Color Style

最新推荐文章于 2024-05-15 16:17:07 发布
最新推荐文章于 2024-05-15 16:17:07 发布
阅读量839 收藏
点赞数
分类专栏： WPF 文章标签： wpf button style
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libo250/article/details/42372691
版权

直接上效果图


<Window
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna" mc:Ignorable="d"
	x:Class="WpfAppButton.MainWindow"
	x:Name="Window"
	Title="MainWindow"
	Width="376.5" Height="274" Background="#FFA1B4B6">

	<Window.Resources>
		<Style x:Key="ButtonFocusVisual">
			<Setter Property="Control.Template">
				<Setter.Value>
					<ControlTemplate>
						<Rectangle Margin="3" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<LinearGradientBrush x:Key="ButtonNormalBackgroundFill" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FFFFFFFF" Offset="0"/>
			<GradientStop Color="#FFF0F0EA" Offset="0.9"/>
		</LinearGradientBrush>
		<Style x:Key="myExpandButtonStyle" TargetType="{x:Type ToggleButton}">
			<Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
			<Setter Property="Background" Value="{StaticResource ButtonNormalBackgroundFill}"/>
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="HorizontalContentAlignment" Value="Center"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ToggleButton}">
						<Grid x:Name="grid" RenderTransformOrigin="0.5,0.5">
							<Grid.RenderTransform>
								<TransformGroup>
									<ScaleTransform/>
									<SkewTransform/>
									<RotateTransform/>
									<TranslateTransform/>
								</TransformGroup>
							</Grid.RenderTransform>
							<Rectangle Fill="#FF40BE48" Stroke="{x:Null}" StrokeThickness="0" Opacity="0" Margin="4.684,3.979,6.378,5.834" RadiusY="0" Height="Auto" VerticalAlignment="Stretch"/>
							<Path x:Name="path" Data="M5.8980706,13.542352 L15.316946,5.1993148 24.897892,13.618299 20.877304,13.646207 15.248735,8.7229148 9.5104679,13.611588 z" Height="11.438" Margin="4.672,3.979,6.39,0" Stretch="Fill" VerticalAlignment="Top" StrokeThickness="0" Opacity="0.995" Stroke="#FF18ED7D" Fill="#FF0FA33A" HorizontalAlignment="Center" Width="23.212"/>
							<Path x:Name="path2" Data="M5.8980706,13.542352 L15.316946,5.1993148 24.897892,13.618299 20.877304,13.646207 15.248735,8.7229148 9.5104679,13.611588 z" Height="Auto" Margin="4.684,14.083,6.354,6.98" Stretch="Fill" VerticalAlignment="Stretch" StrokeThickness="0" Opacity="0.995" Stroke="#FF18ED7D" Fill="#FF0FA33A" HorizontalAlignment="Stretch" Width="Auto"/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="True">
								<Setter Property="Fill" TargetName="path" Value="#FF0FDA25"/>
								<Setter Property="Fill" TargetName="path2" Value="#FF0FDA25"/>
							</Trigger>
							<Trigger Property="IsKeyboardFocused" Value="true"/>
							<Trigger Property="ToggleButton.IsChecked" Value="true">
								<Setter Property="RenderTransform" TargetName="grid">
									<Setter.Value>
										<TransformGroup>
											<ScaleTransform/>
											<SkewTransform/>
											<RotateTransform Angle="180"/>
											<TranslateTransform/>
										</TransformGroup>
									</Setter.Value>
								</Setter>
							</Trigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<SolidColorBrush x:Key="ButtonBorder" Color="#FF003C74"/>
		<Style x:Key="colorButtonStyle" TargetType="{x:Type Button}">
			<Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
			<Setter Property="Background" Value="{StaticResource ButtonNormalBackgroundFill}"/>
			<Setter Property="BorderBrush" Value="{StaticResource ButtonBorder}"/>
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="HorizontalContentAlignment" Value="Center"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
						<Grid Height="Auto" Margin="0,0,3.5,0">
							<Rectangle x:Name="rectangle" Fill="#FF0F0F7C" Stroke="{x:Null}" Opacity="1" RadiusX="5" RadiusY="5" StrokeThickness="0">
								<Rectangle.Effect>
									<DropShadowEffect ShadowDepth="1" BlurRadius="8"/>
								</Rectangle.Effect>
							</Rectangle>
							<TextBlock Margin="5,3" TextWrapping="Wrap" Text="{TemplateBinding Content}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="13.333" Height="Auto"/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="True">
								<Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
								<Setter Property="StrokeThickness" TargetName="rectangle" Value="0"/>
								<Setter Property="Fill" TargetName="rectangle" Value="#FF0F0FED"/>
								<Setter Property="Opacity" TargetName="rectangle" Value="1"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="True">
								<Setter Property="Stroke" TargetName="rectangle" Value="#FF0A6E07"/>
								<Setter Property="Opacity" TargetName="rectangle" Value="1"/>
								<Setter Property="Effect" TargetName="rectangle">
									<Setter.Value>
										<DropShadowEffect BlurRadius="8" ShadowDepth="3"/>
									</Setter.Value>
								</Setter>
								<Setter Property="StrokeThickness" TargetName="rectangle" Value="2"/>
							</Trigger>
							<Trigger Property="IsKeyboardFocused" Value="true"/>
							<Trigger Property="ToggleButton.IsChecked" Value="true"/>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Window.Resources>

	<Grid x:Name="LayoutRoot">
		<ToggleButton  Name="toggle"  Focusable="False" Content="expand" HorizontalAlignment="Right" Height="32.501" Margin="0,31.333,22.917,0" VerticalAlignment="Top" Width="34.25" Style="{DynamicResource myExpandButtonStyle}" BorderBrush="{x:Null}" RenderTransformOrigin="6.56,-5.735" d:LayoutOverrides="VerticalAlignment">
			<ToggleButton.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="0.6" ScaleY="0.6"/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform X="-83.021" Y="81.055"/>
				</TransformGroup>
			</ToggleButton.RenderTransform>
		</ToggleButton>
		<Button Content="Start &#xd;&#xa;2015.01.03" Focusable="False" HorizontalAlignment="Left" Margin="54,8,0,0" VerticalAlignment="Top" Style="{DynamicResource colorButtonStyle}"/>
		<Button Content="Quantity Info" Focusable="False" HorizontalAlignment="Left" Margin="54,79,0,0" VerticalAlignment="Top" Style="{DynamicResource colorButtonStyle}"/>
		<Button Content="Filter" Focusable="False" HorizontalAlignment="Left" Margin="54,0,0,96.27" VerticalAlignment="Bottom" Style="{DynamicResource colorButtonStyle}"/>
		<Button Content="Button\niiii" HorizontalAlignment="Left" Height="26" Margin="54,0,0,28.667" VerticalAlignment="Bottom" Width="80.667"/>
	</Grid>
</Window>


Boris508
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【WPF】Button 圆角/圆形按钮
qq_37284394的博客
04-24 9109
本文通过改写WPF Button 控件默认模板，实现圆角/圆形按钮
WPF之ColorButton
WuzhiBin0926的博客
05-21 198
<Style x:Key="ColorButton" TargetType="Button"> <Setter Property="Background" Value="#FF399C34"/> <Setter Property="BorderBrush" Value="Silver"/> ...
WPF 修改按钮按下的颜色
u014453443的博客
01-07 1万+
首先在后台创建一个附加属性 public class ButtonBrush { public static readonly DependencyProperty ButtonPressBackgroundProperty = DependencyProperty.RegisterAttached( "ButtonPressBackground",...
WPF中鼠标移动到Button颜色改变效果设置
最新发布
weixin_45778846的博客
05-15 735
这样就成功实现了预定义样式。首先，先预定义按钮样式。
【C#】在WPF项目中，如何自定义Button按钮控件的背景色
a6669666的博客
06-05 3772
大多时候，VS默认的控件并不能满足我们的需求，所以，需要自定义控件的某些属性。本章主要讲述的内容，便是在WPF项目中，如何自定义Button按钮控件的背景色色。
WPF style 换肤
weixin_34240657的博客
08-09 165
原文地址：http://www.cnblogs.com/DebugLZQ/p/3181040.html 原作者：DebugLZQ UI的风格一致性是应用程序应当关注的重要特性。 1.Creating and using styles 用一个Demo，来总结Style。 MainWindow.xaml如下： <Window x:Class="Creati...
WPFButton样式
10-09
本资源“WPFButton样式”提供了6种不同的按钮样式，帮助开发者实现界面的美化。 1. **基础样式**： WPF 的基础按钮样式是最简单、最直接的，通常包含默认的背景色、边框和文本。在XAML中，可以通过`<Button>`标签...
WPFButton组件使用
01-17
在Windows Presentation Foundation (WPF) 中，`Button`组件是用户界面设计中不可或缺的一部分，它允许用户通过单击执行特定的操作或触发事件。本篇文章将深入探讨WPF `Button`组件的使用，包括其基本属性、事件、...
WPF异步定时发送验证码 同时修改button的style样式
01-27
<Button Style="{StaticResource CustomSendCodeButtonStyle}" Content="发送验证码" Click="SendVerificationCodeButton_Click" x:Name="SendVerificationCodeButton" /> ``` 这段XAML定义了一个样式，包括正常、...
wpf的button样式
02-09
### WPF Button样式的深入解析 在WPF (Windows Presentation Foundation) 开发中，自定义控件样式是一项非常重要的技能，尤其是对于按钮(Button)这样的常用控件。通过自定义样式，开发者可以为用户提供更加丰富多样...
WPF圆角按钮与触发颜色变化
weixin_34409703的博客
08-30 709
原文:WPF圆角按钮与触发颜色变化 <Button x:Name="button1" Content="按钮1" Margin="10,10,0,0" Cursor="Pen"> <Button.Template> <ControlTemplate> ...
设置button的边框颜色和宽度
z997756128的专栏
11-22 9800
UIButton*button=[UIButton buttonWithType:UIButtonTypeCustom];     button.frame=CGRectMake(100, 100, 100, 100);     button.layer.cornerRadius=30;     button.backgroundColor=[UIColor grayCol
WPF 设置颜色及字符串，Color，Brush之间的转换 以及渐变色的操作LinearGradientBrush（转）
weixin_40029679的博客
09-13 2485
原文链接：https://blog.csdn.net/lvxingzhe3/article/details/122143475。版权声明：本文为CSDN博主「一介学徒」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/rwo_bear/article/details/132363967。版权声明：本文为CSDN博主「无熵~」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
WPF修改控件颜色
weixin_43152819的博客
03-04 1315
WPF 设置 控件颜色
【C#/WPF】Button按钮动态设置Background背景颜色
weixin_33935505的博客
01-18 2950
学习笔记： 在XAML中给Button设置颜色大家都懂的，本篇只是记录用C#代码动态生成的按钮设置Background背景颜色。 new一个Button，设置Background时可看到该属性类型是System.Window.Media.Brush Control.Background，如果直接Background = new Brush()会像上图那样报错，因为这个Bursh类是个抽象类。 ...
WPF控件（Control类：颜色与字体）
萌萌的It人 www.itmmd.com
06-14 1万+
WPF控件分类： 内容控件 标题内容控件 文本控件 列表控件 基于范围的控件 日期控件 控件类 控件是与用户交互的元素。控件可以获得焦点，能接受键盘或鼠标的输入。 所有控件的基类是System.Windows.Control类，这类包括一些基本功能： 对齐 tab序列 背景、前景、边界 文本内容的字体 背景和前景刷
WPF button按钮背景颜色代码修改的办法
weixin_30305735的博客
08-04 3016
WPF 修改button按钮颜色的方式 跟C#略有区别，一下总价几种方式；20170802 姜彦 1.颜色简称 Button.Background = System.Windows.Media.Brushes.ForestGreen; 2.颜色代码 A： BrushConverter conv = new BrushCo...
WPF--TextBox样式使用（文字居中、背景、圆角...）
热门推荐
02-02 2万+
1、XAML 2、Style
设置button字体颜色和大小
萌萌哒博客
12-17 1万+
//设置颜色 [changePhotoBtn setTitleColor:kBtnColor forState:UIControlStateNormal]; //设置大小 changePhotoBtn.titleLabel.font = [UIFont systemFontOfSize:16];
wpf为Button添加点击事件，使得Button按钮有悬浮特效
06-09
可以通过在XAML中为Button添加触发器来实现该效果。以下是一个示例： ```xml <Button Content="Click Me"> <Button.Style> <Style TargetType="{x:Type Button}"> <Setter Property="Foreground" Value="Black"/> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="Red"/> <Setter Property="Effect"> <Setter.Value> <DropShadowEffect ShadowDepth="0" BlurRadius="20" Color="Red"/> </Setter.Value> </Setter> </Trigger> </Style.Triggers> </Style> </Button.Style> <Button.Triggers> <EventTrigger RoutedEvent="Click"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="0.5" Duration="0:0:0.2"/> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.5" To="1" Duration="0:0:0.2" BeginTime="0:0:0.2"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Button.Triggers> </Button> ``` 这个样例中，当鼠标悬浮在Button上时，它将变成红色，并且带有一个红色的阴影特效。当单击按钮时，将会有一个渐变的透明度动画。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值