星空网 > 软件开发 > ASP.net

WPF 自定义窗口关闭按钮

WPF 自定义窗口关闭按钮

关闭图标设计主要涉及主要知识点:

1、Path,通过Path来画线。当然一般水平、竖直也是可以用Rectangle/Border之类的替代

     一些简单的线条图标用Path来做,还是很方便的。

2、简单的动画,Animation用法

Button样式如下:

WPF 自定义窗口关闭按钮WPF 自定义窗口关闭按钮
  <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>

View Code

 




原标题:WPF 自定义窗口关闭按钮

关键词:wpf

wpf
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

全球外贸资讯 12.21:https://www.ikjzd.com/articles/137956
一个竞争不激烈的产品 为什么站内广告的竞价却这么高:https://www.ikjzd.com/articles/137957
沃尔玛与FedEx合作推出在线退货,挑战亚马逊:https://www.ikjzd.com/articles/137958
少了中国制造,美国人民竟无法过圣诞节?:https://www.ikjzd.com/articles/13796
亚马逊初级卖家面对的挑战及一些建议:https://www.ikjzd.com/articles/137963
跨境电商物流“风”仍在吹,后疫情时代行业如何发展?:https://www.ikjzd.com/articles/137964
月活用户超20亿!万亿市值巨头对中国商家进一步开闸放流 :https://www.kjdsnews.com/a/1836412.html
九寨沟周围必去的景点推荐:https://www.vstour.cn/a/363190.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流