zoukankan      html  css  js  c++  java
  • WPF 制作圆角按钮

    WPF 制作圆角按钮

    在程序对应坐置插入以下代码,或是先拖一个按钮控件到窗体中,再替换对应的代码。

    修改 CornerRadius="18,3,18,3"  就可以改变圆角大小

    按钮效果:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <Button Content="Button" HorizontalAlignment="Left" Margin="19,10,0,0" VerticalAlignment="Top" Width="75" Height="59">
               <Button.Template>
                   <ControlTemplate TargetType="{x:Type Button}">
                       <Border BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="0" CornerRadius="18,3,18,3" Name="PART_Background">
                           <Border.Background>
                               <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                   <GradientStop Color="#33CC33" Offset="0.0" />
                                   <GradientStop Color="Orange" Offset="0.5" />
                                   <GradientStop Color="LightYellow" Offset="0.0" />
                               </LinearGradientBrush>
                           </Border.Background>
                           <ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center" />
                       </Border>
                       <ControlTemplate.Triggers>
                           <Trigger Property="UIElement.IsMouseOver" Value="True">
                               <Setter Property="Border.Background" TargetName="PART_Background">
                                   <Setter.Value>
                                       <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                           <GradientStop Color="Lime" Offset="0.0" />
                                           <GradientStop Color="#66CC33" Offset="0.5" />
                                           <GradientStop Color="Gold" Offset="0.0" />
                                       </LinearGradientBrush>
                                   </Setter.Value>
                               </Setter>
                           </Trigger>
                           <Trigger Property="ButtonBase.IsPressed" Value="True">
                               <Setter Property="UIElement.Effect">
                                   <Setter.Value>
                                       <DropShadowEffect BlurRadius="10" Color="#FF0033" Direction="0" Opacity="0.6" RenderingBias="Performance" ShadowDepth="0" />
                                   </Setter.Value>
                               </Setter>
                           </Trigger>
                       </ControlTemplate.Triggers>
                   </ControlTemplate>
               </Button.Template>
           </Button>
  • 相关阅读:
    Spring中的事务传播行为与隔离级别
    redis分布式共享锁模拟抢单的实现
    synchronized关键字修饰非静态方法与静态方法的区别
    docker安装Tensorflow并使用jupyter notebook
    python 图像处理(4):图像的绘制
    python 图像处理(3):图像数据类型及颜色空间转换
    python 图像处理 (2):图像像素的访问与裁剪
    python 读取图像的几种方法
    python 图像处理:图像的读取、显示与保存
    NLP 正向、逆向 分词
  • 原文地址:https://www.cnblogs.com/jingxuan-li/p/6779742.html
Copyright © 2011-2022 走看看