Eine coole Art, Z-Index für XNA-Komponenten zu erstellen?

Ich versuche einige Elemente in meinem Spiel zu rendern. Zuerst rendere ich die Texturen (die Texturen der Textfelder selbst usw.). Dann rendere ich die Grundelemente (Rahmen um Steuerelemente usw.). Dann rendere ich den Text.

Auf diese Weise ergibt sich jedoch ein seltsames Ergebnis in meiner Benutzeroberfläche, wenn QuickInfos angezeigt werden (indem Sie mit der Maus über ein Textfeld fahren), wie im folgenden Screenshot dargestellt.

Aufgrund der Reihenfolge des Zeichnens werden Ränder um das Fenster nach Texturen gezeichnet, was (für den Tooltip, der angezeigt wird, wenn sich meine Maus über dem Textfeld befindet) dazu führt, dass es seltsam aussieht.

Wenn diese jeweils separat sind DrawableGameComponents, sollten Sie die DrawOrderEigenschaften jeder Komponente so festlegen , dass sie in der richtigen Reihenfolge gezeichnet werden.

Um die Verwaltung beim Hinzufügen weiterer Komponenten zu vereinfachen, DrawOrdersollte Folgendes verwendet werden 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. */
}

Wenn dies alles in einem einzigen gezeichnet wird DrawableGameComponent, sollten Sie @ Andrews Rat befolgen und sie einfach in der richtigen Reihenfolge zeichnen. Wenn Sie dies aus irgendeinem Grund nicht tun können, können Sie bei der Verwendung immer noch die Klarheit von enums haben, layerDepthindem Sie einfach den Wert von enumzwischen 0 und 1 normalisieren :

/* 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();
}

(Die Reihenfolge der enumist umgekehrt, da layerDepthfür die vordere Schicht niedrigere Zahlen als für die hintere Schicht verwendet werden.)

http://msdn.microsoft.com/en-us/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 Die Tiefe einer Ebene. Standardmäßig steht 0 für die vordere Ebene und 1 für die hintere Ebene. Verwenden Sie SpriteSortMode, wenn Sprites beim Zeichnen sortiert werden sollen.
Zum Beispiel haben Sie: Formular und in den Formularbeschriftungen Schaltflächen.
Für untergeordnete Elemente können Sie der Ebene einen bestimmten Wert hinzufügen.
Beispiel: Formular A hat untergeordnete Elemente : Formular B und einige Schaltflächen, Formular B enthält nur die Schaltfläche
Formular A - 1.0
Schaltflächen in Form A - 1.5
Form B in Form A - 1.5
Tasten in Form B - 2

Für Dialoge können Sie einen größeren Wert speichern

Ich werde die einfache und ziemlich offensichtliche Antwort geben, und das heißt, ich zeichne zunächst alles in der richtigen Reihenfolge .

Um ein Beispiel für das zu verspotten, was ich meine:

// 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();
}

Gibt es einen bestimmten, zwingenden Grund, warum Sie Ihre Fenster nicht bereits auf diese Weise zeichnen?