Наведите указатель мыши на метку и измените градиент фона прямоугольника - PullRequest
Новая
       19

Наведите указатель мыши на метку и измените градиент фона прямоугольника

0 голосов
/ 01 июня 2011

У меня есть прямоугольник с несколькими надписями и изображениями над ним, и он у меня такой, что когда пользователь наводит указатель мыши на прямоугольник, фон меняется на градиент: 

<Rectangle Height="88" HorizontalAlignment="Left" Margin="54,28,0,0" Name="rectangle2" VerticalAlignment="Top"
        Width="327" Cursor="Hand">
    <Rectangle.Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Fill" Value="Transparent" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Fill">
                        <Setter.Value>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Color="White" Offset="0.0" />
                                <GradientStop Color="#eee" Offset="1" />
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Rectangle.Style>
</Rectangle>

Однако при наведении курсора на одну из меток над прямоугольником градиент фона не отображается.

Я хочу сделать так, чтобы градиент отображался при наведении курсора на метки и прямоугольник.

Возможно ли это?

Ответы [ 2 ]

1 голос
/ 01 июня 2011

Если под "over" вы имеете в виду наложение, а не выше, вы можете обернуть содержимое в сетке (я думаю, вы можете сделать это и выше, но вы должны определить строки и столбцы) и использовать * 1002.*, который срабатывает, если мышь находится над сеткой переноса, а не только над самим прямоугольником, например: 

<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
    <Rectangle Width="100" Height="100" StrokeThickness="1" Stroke="Black">
        <Rectangle.Style>
            <Style TargetType="{x:Type Rectangle}">
                <Setter Property="Fill" Value="Transparent" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=Grid}}" Value="True">
                        <Setter Property="Fill">
                            <Setter.Value>
                                <!-- Brush here -->
                            </Setter.Value>
                        </Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Rectangle.Style>
    </Rectangle>
    <Label Name="label" Content="This is a Label" />
</Grid>

В качестве альтернативы, если метка наложена, вы можете заставить события мыши проходить через Метку, установив *От 1007 * до false.

0 голосов
/ 01 июня 2011

Поскольку другие элементы находятся сверху прямоугольника, я думаю, вам нужно подключиться к событию PreviewMouseMove для прямоугольника.

UIELement.PreviewMouseMove: http://msdn.microsoft.com/en-us/library/system.windows.uielement.previewmousemove.aspx

Предварительный просмотр событий: http://msdn.microsoft.com/en-us/library/ms752279.aspx

...