Một cách tuyệt vời để làm Z-index cho các thành phần XNA?

Tôi đang cố gắng để kết xuất một số yếu tố trong trò chơi của tôi. Đầu tiên, tôi kết xuất họa tiết (kết cấu của chính các hộp văn bản, v.v.). Sau đó, tôi kết xuất các nguyên thủy (viền xung quanh các điều khiển, v.v.). Sau đó, tôi kết xuất văn bản.

Tuy nhiên, bằng cách đó, điều này mang lại một kết quả kỳ lạ trong giao diện người dùng của tôi khi hiển thị các chú giải công cụ (bằng cách di chuột qua một trường văn bản), như trong ảnh chụp màn hình bên dưới.

Do thứ tự vẽ, các đường viền xung quanh cửa sổ được vẽ sau khi kết cấu, mà (đối với chú giải công cụ xuất hiện khi chuột của tôi ở trên trường văn bản) làm cho nó trông lạ.

Nếu mỗi cái này là riêng biệt DrawableGameComponents, bạn nên đặt thuộc DrawOrdertính của từng thành phần để chúng vẽ theo đúng thứ tự.

Để làm cho nó dễ quản lý hơn khi bạn thêm nhiều thành phần, DrawOrdernên là enum:

/* DisplayLayer.cs */
public enum DisplayLayer
{
    Background, //back-layer
    Particles,
    Player,
    MenuBack,
    MenuFront //front-layer
}

public class MyComponent : DrawableGameComponent
{
    public MyComponent(Game game) : base(game)
    {
        this.DrawOrder = (int)DisplayLayer.Background;
    }

    /* etc. */
}

Nếu tất cả điều này được rút ra trong một lần duy nhất DrawableGameComponent, thì bạn nên nghe lời khuyên của @ Andrew và chỉ cần vẽ chúng theo đúng thứ tự. Nếu vì lý do nào đó bạn không thể làm điều đó, bạn vẫn có thể có sự rõ ràng của enums khi sử dụng bằng layerDepthcách đơn giản hóa giá trị của giá trị enumnằm trong khoảng từ 0 đến 1:

/* DisplayLayer.cs */
public enum DisplayLayer
{
    MenuFront, //front-layer
    MenuBack,
    Player,
    Particles,
    Background, //back-layer
    MAX_LAYER   //Do not use this as a layer
}

public void Draw()
{
    spriteBatch.Begin(SpriteSortMode.BackToFront);
    foreach(Thingy thingy in thingys)
        spriteBatch.Draw(/* blah blah */, (float)thingy.DisplayLayer/(float)DisplayLayer.MAX_LAYER);
    spriteBatch.End();
}

(Thứ tự của enumđảo ngược vì layerDepthsử dụng số thấp hơn cho lớp trước thay vì lớp sau)

http://msdn.microsoft.com/en-us/l Library / ff433989.aspx

public void Draw (
         Texture2D texture,
         Vector2 position,
         Nullable<Rectangle> sourceRectangle,
         Color color,
         float rotation,
         Vector2 origin,
         Vector2 scale,
         SpriteEffects effects,
         float layerDepth
)

layerDepth Độ sâu của một lớp. Theo mặc định, 0 đại diện cho lớp phía trước và 1 đại diện cho lớp phía sau. Sử dụng SpriteSortMode nếu bạn muốn các họa tiết được sắp xếp trong khi vẽ.
Ví dụ bạn có: Mẫu, và trong nhãn thức, các nút
Vì vậy, cho các yếu tố con bạn có thể thêm vào layerDepth một số giá trị
Ví dụ: Mẫu A có con: Mẫu số B và một số nút, Mẫu số B chỉ có nút
Mẫu A - 1,0
Buttons trong mẫu A - 1,5
Mẫu B trong Mẫu A - 1.5
Nút ở dạng B - 2

Đối với Hộp thoại - bạn có thể lưu trữ một số giá trị lớn hơn

Tôi sẽ đưa ra câu trả lời đơn giản và khá rõ ràng, và đó chỉ là vẽ mọi thứ theo đúng thứ tự ngay từ đầu .

Để mô phỏng một ví dụ về những gì tôi muốn nói:

// Assuming you have sorted windowList by Z-order, using one of the many
// existing sorting mechanisms provided by the framework such as List<T>.Sort().
foreach(var window in windowList)
    window.Draw();

// in your Window class:
public void Draw()
{
    this.DrawBackground();
    this.DrawBorders();
    this.DrawText();
}

Có một lý do cụ thể, thuyết phục nào khiến bạn không vẽ các cửa sổ của mình theo cách này không?