wpf Small Round Button

最新推荐文章于 2022-03-29 23:19:23 发布

dxm809

最新推荐文章于 2022-03-29 23:19:23 发布

阅读量307

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/dxm809/article/details/107518497

版权

WPF 专栏收录该内容

309 篇文章 20 订阅

订阅专栏

 <Style TargetType="Button" x:Key="SmallRoundButton">
        <Setter Property="Background" Value="Yellow"></Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Grid>
                        <Ellipse x:Name="ell5G" Fill="{Binding Path=Background, RelativeSource={RelativeSource TemplatedParent}}" Stroke="Blue" Height="20" Width="20" HorizontalAlignment="Left"></Ellipse>
                        <TextBlock Text="{Binding Path=Content, RelativeSource={RelativeSource TemplatedParent}}" TextAlignment="Center" VerticalAlignment="Center" HorizontalAlignment="Center"
                                                                   ></TextBlock>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter TargetName="ell5G" Property="Fill" Value="LightBlue"></Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        
    </Style>