spieleprogrammierer.de - Forum und Wiki zur Spieleprogrammierung und Spieleentwicklung

Hallo zusammen,

ich programmiere gerade ein GUI für mein Spiel. Das GUI ist sehr einfach aufgebaut: Es gibt eine Basisklasse "Widget", von der alle GUI-Elemente abgeleitet sind. Jedem Element können Kindelemente zugewiesen werden. Dadurch ergibt sich eine baumartige Hierarchie.

Nun überlege ich mir, wie ich das Layout des GUIs am besten steuern könnte, also die Anordnung der einzelnen Elemente. Eine Möglichkeit wäre, die XY-Position jedes Elements einfach relativ zum Parent festzulegen. Das würde in vielen Situationen auch gut funktionieren, aber nicht in allen. Beispielsweise wenn sich die Größe oder der Inhalt eines Elements verändern kann (Elemente kommen hinzu, werden entfernt usw.).

In Java werden für AWT und Swing (soweit ich vom Hörensagen weiß) Layout-Manager benutzt, mit denen sich bestimmen lässt, wie sich die Komponenten eines Containers anordnen sollen. Das wäre also eine weitere Möglichkeit. Da ich diese Layout-Manager jedoch noch nie verwendet habe, kann ich nicht beurteilen, wie gut diese in der Praxis funktionieren.

Man könnte auch versuchen, beide Ansätze miteinander zu verbinden: Standardmäßig wird die Anordung der Elemente von einem Layout-Manager übernommen, aber man räumt auch die Möglichkeit ein, einzelne Elemente aus dem festgelegten Elementfluss herauszunehmen und relativ zum Parent zu positionieren. Dieses Verhalten wäre in etwa mit dem von HTML/CSS vergleichbar.

Habt ihr weitere Vorschläge?
Oder könnt ihr bestimmte Ansätze empfehlen oder davon abraten?

@TrommlBomml

Ich habe mir mal auf dieser Seite einen Überblick über WPF verschafft. Wenn ich das richtig verstehe, gibt es mehrere Panel-Klassen, die jeweils ein anderes Layout implementieren. In einem StackPanel etwa werden die Elemente unter- bzw. nebeneinander angeordnet, in einem Canvas können die Elemente relativ zum Parent platziert werden usw. Zusätzlich hat man, wie BlueCobold erwähnt hat, noch die Möglichkeit, für jedes Element die Abstände und die Ausrichtung festzulegen. Das gefällt mir ziemlich gut. Danke für den Tipp.

Ich denke auch, dass solche Layouts gut dazu geeignet sind, um auflösungsunabhängige Layouts umzusetzen. In meinem Fall ist das nicht ganz so wichtig, weil mein Spiel nur für Desktop-PCs gedacht ist. Mir reicht es schon, bei Bedarf einfach das gesamte GUI zu skalieren.


@BlueCobold

Relative Koordinaten wären mir auch wichtig, um beispielsweise bestimmte Elemente am Rand des umgebenen Containers platzieren zu können. Einen Mix aus festgelegtem Layout und freier Platzierung stelle ich mir ziemlich ideal vor.

Die Layout-Manager von Java scheinen ja nicht besonders beliebt zu sein. Zumindest hatte ich diesen Eindruck auch schon nach meiner kleinen Recherche gewonnen (die meisten meiner Suchergebnisse bezogen sich auf Java). Die werde ich mir also besser nicht zum Vorbild nehmen.


@---

Dann werde ich mich wohl zunächst an der WPF orientieren. Die hat mir bisher recht gut gefallen. Ich werde dann ja schon früh genug bemerken, inwieweit das für meine Zwecke passt und was ich daran eventuell noch anpassen kann.

Ach, an Qt hatte ich gar nicht mehr gedacht, obwohl ich doch selbst den Qt Creator benutze. Liegt wohl daran, dass ich keine Formanwendungen schreibe und mir deswegen den Qt Designer noch gar nicht näher angesehen habe. Kann ihn momentan auch nicht starten, weil bei mir nur die Standalone-Version des Creators installiert ist, aber das lässt sich ja schnell ändern. Danke für den Tipp. Ich werde den Designer mal ausprobieren.