xaml - マウスオーバー時に XAML コントロールを他のコントロールの「上に移動」させる

Question

次のように、XAML で 3 つのボタンが重なり合っています。

<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 オーダーを変更するにはどうすればよいですか?

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>

falseの場合IsMouseOver、ボタンインスタンスは元のzindex値を取り戻します