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

    圆角按钮
    重写Template制作的圆角按钮

    右下角那个是按钮选中时的状态。

    这个按钮制作是重写按钮的Template样式,改变圆角,只需要改变Template里面Border中CornerRadius的四个值。

    代码如下:

     
    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="地图" Height="50" Margin="555,282,466,393" Width="50">
    <Button.Template>
    <ControlTemplate TargetType="{x:Type Button}">
    <Border BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="0" CornerRadius="3,13,3,13" Name="PART_Background">
    <Border.Background>
    <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
    <GradientStop Color="White" Offset="0.0" />
    <GradientStop Color="Silver" Offset="0.5" />
    <GradientStop Color="White" 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="Silver" Offset="0.0" />
    <GradientStop Color="White" Offset="0.5" />
    <GradientStop Color="Silver" Offset="0.0" />
    </LinearGradientBrush>
    </Setter.Value>
    </Setter>
    </Trigger>
    <Trigger Property="ButtonBase.IsPressed" Value="True">
    <Setter Property="UIElement.Effect">
    <Setter.Value>
    <DropShadowEffect BlurRadius="10" Color="Black" Direction="0" Opacity="0.6" RenderingBias="Performance" ShadowDepth="0" />
    </Setter.Value>
    </Setter>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Button.Template>
    </Button>
  • 相关阅读:
    Servlet学习笔记(1)--第一个servlet&&三种状态对象(cookie,session,application)&&Servlet的生命周期
    XML学习笔记(2)--dom4j操作XML
    坦克大战(版本2.5-版本2.9)
    坦克大战(版本1.7-版本2.4)
    坦克大战(版本1.0-版本1.6)
    坦克大战(版本0.1-版本0.9)
    JavaSE聊天室
    HTML+CSS+JS学习总结
    JDBC学习笔记(10)——调用函数&存储过程
    VS工程的相对路径写法
  • 原文地址:https://www.cnblogs.com/junbird-nest/p/3160751.html
Copyright © 2011-2022 走看看