码迷,mamicode.com
首页 > Windows程序 > 详细

WPF带小箭头的按钮

时间:2019-04-02 12:59:20      阅读:452      评论:0      收藏:0      [点我收藏+]

标签:click   key   hide   ack   img   ide   aml   none   over   

原文:WPF带小箭头的按钮

XAML代码:

技术图片
<ControlTemplate x:Key="btnTpl" TargetType="RadioButton">
    <StackPanel Orientation="Vertical" Height="30" Background="Transparent">
        <Border Name="border" Background="#006AB8" Height="25">
            <ContentPresenter Name="contentPre" VerticalAlignment="Center" HorizontalAlignment="Center" TextElement.Foreground="#FFF" TextElement.FontSize="12" Margin="0"/>
        </Border>
        <Path x:Name="path" HorizontalAlignment="Center" VerticalAlignment="Center" Data="M 0 0 L 6 4 L 12 0 Z">
            <Path.Fill>
                <SolidColorBrush Color="#006AB8" />
            </Path.Fill>
        </Path>
    </StackPanel>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="border" Property="Margin" Value="2 2 2 0"></Setter>
            <Setter TargetName="border" Property="Height" Value="23"></Setter>
            <Setter Property="TextElement.FontSize" Value="11"></Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="true">
            <Setter TargetName="border" Property="Border.Background" Value="#15BDF7"></Setter>
            <Setter TargetName="path" Property="Fill" >
                <Setter.Value>
                    <SolidColorBrush Color="#15BDF7" />
                </Setter.Value>
            </Setter>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
View Code

效果图:

技术图片

 

WPF带小箭头的按钮

标签:click   key   hide   ack   img   ide   aml   none   over   

原文地址:https://www.cnblogs.com/lonelyxmas/p/10641769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!