当前位置: 移动技术网 > 移动技术>移动开发>WP > wpf Small Round Button

wpf Small Round Button

2020年07月29日  | 移动技术网移动技术  | 我要评论
<Style TargetType="Button" x:Key="SmallRoundButton"> <Setter Property="Background" Value="Yellow"></Setter> <Setter Property="Template"> <Setter.Value> <ControlTemplate> ..
 <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>

 

本文地址:https://blog.csdn.net/dxm809/article/details/107518497

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网