WPF实现Path异形按钮/不规则按钮只有封闭范围可点击

晨露^v^

已于 2024-06-29 13:56:30 修改

阅读量150

点赞数 3

文章标签： wpf

于 2024-06-29 12:11:45 首次发布

本文链接：https://blog.csdn.net/hsh6509/article/details/140061836

版权

<Grid>
    <Button Width="66.1845" Height="73.3161" x:Name="ZNegBtn">
        <Button.Style>
            <Style TargetType="{x:Type Button}" BasedOn="{StaticResource ButtonStyle1}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Path Data="M1,8v39.5a6.32,6.32,0,0,0,2.67,5L26.86,70.34a10.79,10.79,0,0,0,12.46,0L62.51,52.48a6.32,6.32,0,0,0,2.67-5V8c0-3.88-4.08-7-9.11-7H10.12C5.08,1,1,4.14,1,8Z"
                                  Stroke="White" StrokeThickness="2" Fill="#29abe2" HorizontalAlignment="Center" VerticalAlignment="Center"
                                  x:Name="path"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Stroke" Value="#29abe2" TargetName="path"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Button.Style>
    </Button>
    <Grid Width="66.1845" Height="73.3161" IsHitTestVisible="False">
        <TextBlock Text="Z-" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Black" Margin="0,0,0,8" FontSize="24"/>
    </Grid>
</Grid>