Проблема WPF с видимостью кнопки, когда предок IsMouseOver

У меня есть сетка WPF, которая содержит, среди прочего, кнопку.

Кнопка скрыта по умолчанию и должна стать видимой только тогда, когда мышь находится над сеткой. (Функционально сетка — это заголовок вкладки, а кнопка «исчезающая» — кнопка закрытия). Я также переписал шаблон кнопки, чтобы он выглядел индивидуально.

Теперь кнопка становится видимой, когда моя мышь входит в сетку, но исчезает, как только мышь входит в кнопку. Моя интуиция такова, что IsMouseOver Grid становится False, когда мышь перемещается к кнопке. Есть ли способ обойти это?

       <ControlTemplate x:Key="CloseTabButtonTemplate">
            <Border Width="14" Height="14" Margin="3"
                    HorizontalAlignment="Right"
                    VerticalAlignment="Center"

                    BorderThickness="1"
                    CornerRadius="2,2,2,2">
                <TextBlock Text="x" VerticalAlignment="Center" HorizontalAlignment="Center"
                           FontSize="11" Padding="0" Margin="0,-2,0,0" Foreground="White"/>
                <Border.Style>

                    <Style TargetType="{x:Type Border}">
                        <Setter Property="Background" Value="#33DA3030"/>
                        <Setter Property="BorderBrush" Value="White"/>
                        <Setter Property="Visibility" Value="Hidden"/>
                        <Style.Triggers>                                
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type Grid}},Path=IsMouseOver}" Value="True">
                                <Setter Property="Visibility" Value="Visible" />
                            </DataTrigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FFDA3030"/>
                                <Setter Property="Visibility" Value="Visible" />
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
            </Border>
        </ControlTemplate>          


<Button Grid.Column="2" HorizontalAlignment="Right" Template="{StaticResource CloseTabButtonTemplate}">x</Button>

Спасибо!


wpf ismouseover
person Matteo Caprari    schedule 08.11.2010    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я не вижу здесь проблем. Я проверил это с помощью простого окна с сеткой:

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="300"
        >

    <Window.Resources>

        <ControlTemplate x:Key="CloseTabButtonTemplate">
            .... Your template as in the question ....
        </ControlTemplate>

    </Window.Resources>

    <Grid x:Name="MainGrid" Width="200" Height="200" Background="Transparent">

        <Button Template="{StaticResource CloseTabButtonTemplate}" />

    </Grid>
</Window>

Возможно, в родительской сетке отсутствует цвет Background? Как видите, я сделал Grid Transparent. Когда я удалю его, он не будет показывать кнопку.

Возможно, добавить немного больше кода?

person Arcturus    schedule 08.11.2010
comment
Спасибо! - Background=Transparent исправлен. Мне было бы интересно понять, почему на это влияет цвет фона контейнера. - person Matteo Caprari; 08.11.2010
comment
Если у сетки нет фона, она не зарегистрирует MouseOver, поскольку мышь не находится точно над сеткой, когда у нее нет фона. Установка цвета фона означает, что сетка имеет тело/контент, так сказать;) - person Arcturus; 09.11.2010