Question

当鼠标悬停在按钮本身上时，我试图更改按钮内容内的border属性。

这对我不起作用，我想知道为什么，请帮忙吗？

<Style x:Key="ButtonGenericStyle" TargetType="{x:Type Button}">
        <Setter Property="Width" Value="200"></Setter>
        <Setter Property="Height" Value="35"></Setter>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
        <Setter Property="VerticalContentAlignment" Value="Stretch"></Setter>
        <Setter Property="Padding" Value="0"></Setter>
        <Setter Property="BorderThickness" Value="0.6"></Setter>
        <Setter Property="BorderBrush" Value="#333"></Setter>
        <Setter Property="Cursor" Value="Hand"></Setter>
    </Style>

        <Style x:Key="AddButtonStyle" BasedOn="{StaticResource ButtonGenericStyle}" TargetType="{x:Type Button}">
        <Setter Property="Content">
            <Setter.Value>
                <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                        <ColumnDefinition Width="*"></ColumnDefinition>
                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Image Width="24" Margin="5,0,0,0" Source="/Images/AddNew.png"></Image>
                    <TextBlock Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{x:Static local:GenericGridResources.AddButtonText}"></TextBlock>
                    <Border x:Name="borderAdorner" Grid.Column="2" Width="5" Background="#00C176">
                        <Border.Style>
                            <Style TargetType="{x:Type Border}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsMouseOver}" Value="True">
                                        <Setter Property="Background" Value="Red"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Border.Style>
                    </Border>
                </Grid>
            </Setter.Value>
        </Setter>
    </Style>

谢谢

编辑：我已经将padding设置为10，并将对齐方式更改为居中，以确保未覆盖我的按钮。

此外，我在DataTrigger绑定中调试了一个转换器，发送的值是Button。静止边框背景不变。

*****我在帖子中将AncestorType从Image更改为Button。我结束了从许多测试中复制错误代码的工作。有人回答祖先祖父母应该是父母，这是完全正确的感谢和歉意。**

Answer 1

如果您希望将鼠标悬停在按钮上，则祖先类型应为按钮：

 <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsMouseOver}" Value="True">
                                    <Setter Property="Background" Value="Red"></Setter>
                                </DataTrigger>

实际上，您的边框中有一个兄弟姐妹，即图像。 Findancestor将查找视觉树，并且边框不是图像的子元素。

当用户将鼠标悬停在按钮上时，您还需要确保在内部或背景中有可测试的命中项。我之所以这样说是因为还不清楚您的ButtonGenericStyle的功能。

更改父事件的属性

1 个答案: