GUI Design wie macht man ein slide?

[hedie]

Hallo zusammen

Ich bin derzeit daran, eine etwas umfangreichere Software zu schreiben und möchte diesesmal ein möglichst ansprechendes und "flüssiges" GUI Design erstellen.

Leider fehlt mir bisher jedoch die Erfahrung damit.
Es beginnt schon damit, dass ich nicht weiss, welche Ansätze man für sowas verfolgen könnte.

Gibt es für die verschiedenen Möglichkeiten, ein GUI zu Designen ein Buch oder ähnliches?
Das Buch würde idealerweise einige Herangehensweisen und Konzepte erläutern.


Nun mal abgesehen vom Buch, habe ich auch noch eine konkrete Frage.
Im Bild im Anhang, sieht man auf der linken Seite, die Icons für die verschiedenen "Pages"

Nun möchte ich ja bei jedem icon click, die entsprechenden Elemente auf der rechten Seite darstellen.
Mit meiner begrenzten Erfahrung, hätte ich drei Panels genommen und die Elemente dort abgelegt.
Nun hätte ich einfach das entsprechende Panel visible oder invisible gemacht.

Dies ist aus meiner Sicht jedoch ein sehr schlechter Ansatz, da ich überhaupt keine möglichkeit mehr habe,
die VCL Elemente schön anzuordnen etc. Die gesamte Gestalltung wird sehr mühselig.

Wie würdet ihr dies angehen?

Ein weiteres Beispiel wäre ein wizart, in dem man unten rechts auf next klickt.
Wie würde man dort einen "Seitenwechsel" realisieren?

Ein Buch zu diesem Thema wäre wirklich eine super sache!

Danke schonmal.

[Luckie]

Für beides nimmt man in der Regel ein Pagecontrol.

[Neutral General]

Du kannst ein Pagecontrol nehmen und auf Wunsch den Header ausblenden.
Ist auf jeden Fall schöner als Panels sichtbar/unsichtbar zu stellen.

[hedie]

Vielen Dank für deine Antwort.

Das PageControl habe ich auch schon benutzt.
In meinem Fall, sollten die Tabs ja nicht sichtbar sein.
Würdest du das PageControl einfach so weis hochschieben, dass die Tabs nicht mehr sichtbar sind?

[hedie]

Das ging schnell.

Bin weiterhin an Vorschlägen interessiert.

[Headbucket]

Würde man in diesem Fall nicht einfach Frames nehmen?

Bei jedem Klick im linken Menü wird rechts ein neues Frame erzeugt.
Die Frames kannst du dann als einzelne Seiten wunderbar ausrichten/designen.

Stelle ich mir zumindest deutlich einfacher und übersichtlicher vor. Ich hatte vor einer Weile hier mal die Frage nach dem Design für einen Funktionsgenerator gestellt. Erst wollte ich das auch mit einem PageControl machen. Davon hatten mir damals alle abgeraten. Stattdessen rat man mir zu Frames. Diese Entscheidung habe ich nicht bereut.

Bei einem Wizard könntest du dann natürlich auch Frames nutzen, wobei sich hier im Notfall noch eher das PageControl anbieten würde als bei dem ersten Beispiel.

An so einem Buch wäre ich im übrigen auch interessiert! Dein Design gefällt mir bisher ganz gut :thumb:

Grüße

Edit: Hier ein alter Thread von mir, wo es meiner Meinung nach um ein vergleichbares Thema ging: http://www.delphipraxis.net/181194-d...enerators.html

[Neutral General]

Zitat:

Zitat von hedie (Beitrag 1327689)

In meinem Fall, sollten die Tabs ja nicht sichtbar sein.
Würdest du das PageControl einfach so weis hochschieben, dass die Tabs nicht mehr sichtbar sind?

Es gibt im PageControl eine Eigenschaft mit der du die Tabs ausblenden kannst. "ShowTabs" oder so. Musst du mal durchscrollen.
Frames sind in dem Fall Overkill denke ich.

[himitsu]

Datei > Neu > Weitere...

Schau dir doch mal an, was Emba dir da alles anbietet.
Vorallem zur Metropolis-UI gibt/gab es da einige Beispiele, wo man bestimmt abgucken könnte. (auch wenn das teilweise echt grauenhaft umgesetzt wurde :freak:)



Bezüglich PageControl ... schade, daß man den Rahmen nicht so leicht weg bekommt (Style=tsButtons ist schonmal ein Anfang) und das uralte TNoteBook ist ist auch nicht das Wahre.

[stahli]

Die VCL willst Du auf jeden Fall nutzen?
Die Fragestellung ist m.E. noch etwas zu unscharf.
Was soll genau sliden?

Das Menü bei Mouseover und/oder der Content?
Soll das graphisch anspruchsvoll sein?

Ist die Anzahl der Seiten rel. fix oder wächst das evtl. noch dynamisch?

Im letzteren Fall würde ich die Seiten mit embedded Forms oder Frames erstellen. Dann kann man die Funktionalitäten besser kapseln, so dass man kleine unabhängige Einheiten aufbauen kann, die man dann dynamisch zusammensetzt.
Hast Du die Daten evtl. in Klassen gekapselt, so dass es pro Klasse eine Sicht geben soll? Oder entsprechen die gewünschten Views nicht unbedingt einer Datenstruktur?

Entscheide Dich am besten für eine exakte gewünschte Funktionalität und dann können wir überlegen, wie sich das am besten umsetzen kann.

[DeddyH]

Zitat:

Zitat von Neutral General (Beitrag 1327701)

Es gibt im PageControl eine Eigenschaft mit der du die Tabs ausblenden kannst. "ShowTabs" oder so. Musst du mal durchscrollen.

VCL: TabVisible für jedes TabSheet
FMX: TabPosition für das TabControl