Изменить свойство родительского события - PullRequest
Новая
       19

Изменить свойство родительского события

0 голосов
/ 26 сентября 2019

Я пытаюсь изменить свойство границы внутри содержимого кнопки, когда мышь находится над самой кнопкой.

Это не работает для меня, и мне интересно, почему, любая помощь, пожалуйста? 

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

Спасибо

Редактировать: я уже установил отступ на 10 и изменил выравнивание по центру, чтобы убедиться, что моя кнопка не была закрыта.

Кроме того, я отладил черезконвертер в привязке DataTrigger и отправленное значение был Button.Тем не менее фон границы не меняется.

***** Я изменяю в своем сообщении AncestorType с Image на Button.Я закончил копировать плохой код из многих тестов.Люди, отвечающие, что ancestorTyoe должен быть родителем, абсолютно правы, извиняются. **

1 Ответ

0 голосов
/ 26 сентября 2019

Если вы хотите, чтобы указатель мыши работал над кнопкой, то в качестве предка следует указать кнопку: 

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

На самом деле, у вас есть граница вашей границы, которая является изображением.Findancestor будет искать визуальное дерево, а граница не является дочерней по отношению к изображению.

Вам также нужно будет убедиться, что есть что-то, что можно тестировать внутри или в качестве фона, когда пользователь наводит курсор на кнопку.Я упоминаю об этом, потому что не совсем понятно, что делает ваш ButtonGenericStyle.

...