設置具有相同Zindex的項目如何不會引發錯誤？

Question

我在WPF的Mainwindow中有簡單的Canvas 。

首先，我在畫布上添加一個高度和寬度為100， Zindex為0的矩形。 之后，我將相似的紅色矩形和Zindex為0添加到同一畫布。

這是我的代碼：

        var R1 = new Rectangle();
        R1.Height = 100;
        R1.Width = 100;
        R1.Fill = Brushes.Blue;
        Canvas.SetLeft(R1, 100);
        Canvas.SetTop(R1, 100);
        Canvas.SetZIndex(R1, 0);
        Can1.Children.Add(R1);

        var R2 = new Rectangle();
        R2.Height = 100;
        R2.Width = 100;
        R2.Fill = Brushes.Red;
        Canvas.SetLeft(R2, 100);
        Canvas.SetTop(R2, 100);
        Canvas.SetZIndex(R2, 0);
        Can1.Children.Add(R2);

如何占用R2的位置，並將元素添加到畫布而不會引發任何錯誤？ 發生的情況是R2放置在R1之上，但是我沒有將其Zindex設置為大於0。

Answer 1

如何占用R2的位置，並將元素添加到畫布而不會引發任何錯誤？

元素可以放置在具有相同z-index的父容器中 。 如果您不會在上面設置任何z-index，則默認情況下，它們會添加相同的z-index。 因此，沒有錯誤。

發生的情況是R2放置在R1之上，但是我沒有將其Zindex設置為大於0。

如果未在新的子元素上設置較高的z-index，則最后添加的子元素將始終獲勝，即它將以相同的z-index放置在元素上 。 因此，在您的情況下，R2將顯示在R1上方。