WPF按钮实现圆角(自定义组件模板)

49 阅读1分钟

Snipaste_2025-06-15_15-56-10.jpg

    <!--自定义一个圆角按钮-->
    <Button Margin="30" Width="300" Height="100" Background="#0078d4" BorderBrush="Black"  FontSize="50" Content="自定义模板">
        <Button.Template>
            <ControlTemplate TargetType="{x:Type Button}">
                <!--
                <Border Background="Red" BorderBrush="Black" BorderThickness="4" CornerRadius="14">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"></ContentPresenter>
                </Border>-->
                <!--TemplateBinding Background: 属性绑定-->
                <Border x:Name="boder" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="4" CornerRadius="14">
                    <TextBlock Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="boder" Property="Background" Value="Black"></Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Button.Template>
    </Button>
</StackPanel>