鼠标悬停时Gridsplitter可见

Question

我希望只有当用户将鼠标悬停在 GridSplitter 上时才能看到它。为此，我正在设置其样式中的一个 DataTrigger。但是我无法弄清楚哪里出了问题，因为我没有得到所需的行为。它只是保持不变。

                <GridSplitter
            ResizeDirection="Columns"
            ResizeBehavior="BasedOnAlignment"
            Grid.Column="1"
            Grid.Row="0"
            Grid.RowSpan="2"
            Width="8"
            Height="Auto"
            HorizontalAlignment="Left"
            VerticalAlignment="Stretch" 
                Background="AliceBlue"
            Margin="-3 0 0 0">
                <GridSplitter.Style>
                    <Style TargetType="{x:Type GridSplitter}">
                        <Setter Property="Visibility" Value="Hidden"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsMouseOver}">
                                <Setter Property="Visibility" Value="Visible"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </GridSplitter.Style>
            </GridSplitter>

你是否发现了问题？GridSplitter需要以不同的方式进行样式设置吗？

- Sturm

Answer 1

我明白了，必须使用触发器而不是数据触发器:

<GridSplitter.Style>
    <Style TargetType="{x:Type GridSplitter}">
        <Setter Property="Background" Value="Transparent"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="AliceBlue"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</GridSplitter.Style>

顺便说一下，我认为如果我将可见性设置为隐藏，就无法定位到GridSplitter，所以我改变了它的背景。

- Sturm