在复选框上使用 IsMouseOver 更改标签内容

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 的内容。

要监听触发器中的其他控件属性，您可以像这样使用数据绑定：

<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>