13

我需要在 WPF 中创建一个具有自定义形状的按钮。具体来说,我希望它有圆角,就像一个椭圆。这是一张图片:

只有黑色区域应该是点击目标;白色区域应该是透明的。

我将如何在具有这种自定义形状的 WPF 中创建一个按钮控件?我知道如何创建一个常规的矩形按钮,但不是这样的圆角按钮。

4

1 回答 1

28

您可以使用 ControlTemplate 来实现:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Black"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Path Fill="{TemplateBinding Background}"
                            Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

比你将它应用到按钮上:

<Button Style="{StaticResource ButtonStyle}"/>

如果您需要一些参考来绘制“路径”,请检查MSDN 链接。

更新

要显示内容,您应该使用 ContentPresenter,如下所示:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Black"/>
        <Setter Property="HorizontalAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Path Fill="{TemplateBinding Background}"
                            Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" />
                        <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          HorizontalAlignment="{TemplateBinding HorizontalAlignment}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

在按钮中:

<Button Style="{StaticResource ButtonStyle}" Foreground="White">
        test
    </Button>

在此处输入图像描述

于 2013-07-08T17:31:01.833 回答