xaml - 鼠标悬停时使 XAML 控件“置于”其他控件之上

Question

我有三个按钮，在 XAML 中一个在另一个之上，如下所示：

<Grid>
    <Button
        Width="50"
        Height="50"
        Background="Red"/>
    <Button
        Margin="10"
        Width="50"
        Height="50"
        Background="Blue"/>
    <Button
        Margin="20"
        Width="50"
        Height="50"
        Background="Green"/>
</Grid>

当鼠标悬停在它们上方时，如何更改它们的 Z-Order？

Answer 1

把这个放到Grid.Resources

<Style TargetType="{x:Type Button}">
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Panel.ZIndex" Value="99999"/>
        </Trigger>
    </Style.Triggers>
</Style>

当IsMouseOver为 false 时，按钮实例取回其原始 zindex 值