WPF 自定义窗口关闭按钮
WPF 自定义 关闭 窗口 按钮
2023-09-27 14:26:40 时间
关闭图标设计主要涉及主要知识点:
1、Path,通过Path来画线。当然一般水平、竖直也是可以用Rectangle/Border之类的替代
一些简单的线条图标用Path来做,还是很方便的。
2、简单的动画,Animation用法
Button样式如下:
<Button x:Name="BtnClose" Click="BtnClose_OnClick"> <Button.Template> <ControlTemplate TargetType="Button"> <Grid> <Grid x:Name="Uc_Grid" VerticalAlignment="Center" Height="25" Width="25"> <Path x:Name="Uc_Path1" Stroke="DodgerBlue" StrokeThickness="4" Data="M0,0 L20,20" VerticalAlignment="Center" HorizontalAlignment="Center"></Path> <Path x:Name="Uc_Path2" Stroke="DodgerBlue" StrokeThickness="4" Data="M20,0 L0,20" VerticalAlignment="Center" HorizontalAlignment="Center"></Path> <Grid.RenderTransform> <RotateTransform x:Name="Uc_Transform" Angle="0" CenterY="12.5" CenterX="12.5"></RotateTransform> </Grid.RenderTransform> </Grid> <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}"></ContentPresenter> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="Uc_Path1" Property="Data" Value="M0,0 L22,22"></Setter> <Setter TargetName="Uc_Path2" Property="Data" Value="M22,0 L0,22"></Setter> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="Uc_Path1" Property="Data" Value="M0,0 L24,24"></Setter> <Setter TargetName="Uc_Path2" Property="Data" Value="M24,0 L0,24"></Setter> </Trigger> <EventTrigger RoutedEvent="MouseEnter"> <BeginStoryboard HandoffBehavior="SnapshotAndReplace"> <Storyboard TargetName="Uc_Transform" TargetProperty="Angle"> <DoubleAnimation From="0" To="90" Duration="0:0:0.1"></DoubleAnimation> </Storyboard> </BeginStoryboard> </EventTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Button.Template> </Button>
相关文章
- WPF入门教程系列十四——依赖属性(四)
- WPF入门教程系列七——布局之WrapPanel与StackPanel(二)
- WPF global exception handler
- WPF中的常用布局 栈的实现 一个关于素数的神奇性质 C# defualt关键字默认值用法 接口通俗理解 C# Json序列化和反序列化 ASP.NET CORE系列【五】webapi整理以及RESTful风格化
- [WPF]总结一些我在开发WPF时常用的工具
- [WPF 自定义控件]在MenuItem上使用RadioButton
- [WPF 自定义控件]关于ScrollViewer和滚动轮劫持(scroll-wheel-hijack)
- [WPF 自定义控件]使用TextBlockHighlightSource强化高亮的功能,以及使用TypeConverter简化调用
- [WPF 自定义控件]排序、筛选以及高亮
- [WPF 自定义控件]简单的表单布局控件
- [WPF 自定义控件]以Button为例谈谈如何模仿Aero2主题
- [WPF 自定义控件]了解如何自定义ItemsControl
- WPF自定义Window窗体样式
- WPF/XAML关于x:key和x:name的区别,全面解读超详细
- 在 WPF 程序中使用 MVVM 模式
- 使用WPF Application Framework (WAF)框架
- 【WPF】动态设置Binding的ConverterParameter转换器参数
- 【WPF】对话框/消息弹窗
- 【WPF】使用Popup控件做浮窗/提示框