Question

平，

我正在创建一个按钮，它上面有一个复选框。现在，当用户将鼠标悬停在复选框上时，我想更改按钮上的文字。

这是我目前所拥有的：

    <Button Grid.Row="1" Margin="0,0,136,12" Name="btnRefresh" Height="28" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="120" Click="btnRefresh_Click">
        <Grid Width="111">
            <CheckBox  Height="16" HorizontalAlignment="Left" Margin="0,2,0,0" Name="cbAutoRefresh" VerticalContentAlignment="Center">
                <CheckBox.Style>
                    <Style TargetType="{x:Type CheckBox}">
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Content" Value="Auto Refresh" />
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </CheckBox.Style>
            </CheckBox>
            <Label Name="btnLabel" Margin="32,-4,25,-4">Refresh</Label>
        </Grid>
    </Button>

但是这样会更改复选框的内容，如何更改btnLabel内容？

Answer 1

目前你只是修改了ComboBox的样式，这就是为什么Trigger只是改变你的ComboBox的内容。

要在Trigger中侦听其他控件属性，可以使用Databinding，如下所示：

<Label Name="btnLabel" Margin="32,-4,25,-4">
    <Label.Style>
        <Style>
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=comboBoxName, Path=IsMouseOver}" Value="False"
                     <Setter Property="Content" Value="Refresh"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding ElementName=comboBoxName, Path=IsMouseOver}" Value="True"
                     <Setter Property="Content" Value="Auto Refresh"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Label.Style>

</Label>

使用IsMouseOver复选标签内容复选框

1 个答案: