选择按下按钮时更改矩形背景

本文关键字：背景 按钮 选择 | 更新日期: 2023-09-27 18:33:40

基本上这是一个存在于矩形和几个文本块中的按钮。矩形Fill表示按钮的背景。按下按钮时如何更改此设置？

按下按钮后，背景也必须保持该颜色。 这基本上直观地向用户显示哪些按钮被按下了，什么没有。

我的部分风格： 

<Style x:Key="ButtonStyleReg" TargetType="{x:Type myClasses:RegButton}">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type Button}">
            <Grid x:Name="regButton">
                <Rectangle Name="rectangleBtn" Fill="#FF89959A" Height="Auto" RadiusY="15" RadiusX="15" Stroke="White" Width="Auto"/>                                             
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsFocused" Value="True"/>
                <Trigger Property="IsDefaulted" Value="True"/>
                <Trigger Property="IsPressed" Value="True" >
                    <Setter TargetName="rectangleBtn" Property="Fill" Value="Blue" />
                </Trigger>
                <Trigger Property="IsEnabled" Value="False"/>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>
<Setter Property="FontSize" Value="10.667"/>

选择按下按钮时更改矩形背景

您必须处理正确的元素，请尝试为矩形命名，并通过名称引用将 setter 指向它：

<Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid x:Name="regButton">
                    <Rectangle Fill="#FF89959A"
                               x:Name="rect"
                               Height="Auto"
                               RadiusY="15"
                               RadiusX="15"
                               Stroke="White"
                               Width="Auto" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsFocused"
                             Value="True" />
                    <Trigger Property="IsDefaulted"
                             Value="True" />
                    <Trigger Property="IsPressed"
                             Value="True">
                        <Setter Property="Background"
                                TargetName="rect"
                                Value="Blue" />
                        <!--??-->
                    </Trigger>
                    <Trigger Property="IsEnabled"
                             Value="False" />
                </ControlTemplate.Triggers>
            </ControlTemplate>
相关文章：