WPF 带小箭头的按钮

最新推荐文章于 2024-07-02 15:39:30 发布

Danny_hi

最新推荐文章于 2024-07-02 15:39:30 发布

阅读量707

点赞数

分类专栏： WPF

原文链接：https://www.jb51.net/article/129881.htm

版权

WPF 专栏收录该内容

114 篇文章 38 订阅

订阅专栏

WPF 带小箭头的按钮

代码:

<Window.Resources>
        <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>
    </Window.Resources>
    <Grid>
        <RadioButton Content="hello" Template="{StaticResource btnTpl}" Width="100"></RadioButton>
    </Grid>