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>
  • 相关阅读:
    2016.5.11_经典试题-回文算法【ABAP】
    shell基础知识
    python笔记2
    python笔记1
    vmware rdm
    网页中图片显示方向与实际图片方向不一致
    vue 弹性布局 实现长图垂直居上,短图垂直居中
    IE10 解决input file 同一文件不触发onchange事件
    04. pt-deadlock-logger
    03. pt-config-diff
  • 原文地址:https://www.cnblogs.com/junbird-nest/p/3160751.html
Copyright © 2011-2022 走看看