GUI design guidelines/de

Dialoge

Dialoge sind spezielle Formulare, die vom Benutzer die Erstellung/Änderung von Einstellungen erfordern, bevor Lazarus fortfahren kann.

Dialogeinstellungen

Einstellungen, die üblicherweise verwendet werden sollten, sind:

• BorderStyle :
  • bsSizeable - wenn der Dialog komplex ist und eine Größenanpassung wirklich benötigt wird.
  • bsDialog - wenn der Dialog einfach ist und eine Größenanpassung nicht benötigt wird (Notiz: Alle Dialoge sollten intern größenveränderbar sein wegen Lokalisierungsproblemen).
• Position : poScreenCenter.
• FormStyle : Verwenden sie nicht fsStayOnTop, weil dies ziemlich unerfreulich sein kann unter einigen Windowmanagern.
• BorderIcons:
  • [biSystemMenu] - für modal gezeigte Dialoge
  • [biSystemMenu,biMinimize,biMaximize] - für nicht-modal gezeigte Dialoge

Allgemeines Layout

• Unten auf dem Formular sollte ein Button panel platziert werden.
• Der Dialog sollte auf einem Bildschirm von 800x600 funktionieren. 640x480 muß nicht unterstützt werden.
• Schließen mit Escape (wenn die Taste nicht anders verwendet wird).
• Definieren sie einen Vorgabe-Button und Return aktiviert ihn (wenn die Taste nicht verwendet wird).
• Vermeiden sie lange Beschriftungen auf den Buttons. Verwenden sie die Hint Eigenschaft um die Button-Aktion im Detail zu erklären.
• Die Größe von größenveränderbaren Dialogen wird gespeichert und beim nächsten Öffnen wiederhergestellt.
• Alle Hints und Captions, die auf einem Formular verwendet werden, sollten als Resourcestring vorliegen, damit eine Lokalisierung erfolgen kann.

Abstände und Größen

• Dialoge müssen für eine Auflösung von 96 dpi entworfen werden und eine Zeichenhöhe von 8 Punkt/14 Pixel.
• Abstand zwischen Elementen: 6 Pixel.
• Minimale Größe von normalen Buttons: 90x25 Pixel.
• Die AutoSize Eigenschaft muß gesetzt werden für Buttons, um lokalisierten Text richtig anzuzeigen, wenn dieser länger als erwartet ist.
• Alle Buttons in einer Gruppe (inclusive der Buttons die ein Bild enthalten) müssen die selbe Breite und Höhe haben.

Button panel

Der button panel sollte mindestens aus den folgenden Elementen bestehen:

• OK Button.
• Abbrechen Button.
• Next button (optional).
• Previous button (optional).
• Hilfe Button.

Verankerung

Um sicherzustellen, daß ein Dialog nach dem größenverändern die Anzeige der Komponenten in einer guten Weise beibehält, wird die Verankerung benutzt. Jede Komponente hat eine Eigenschaft mit dem Namen Anchors. Mit dieser Eigenschaft können sie die Art und Weise bestimmen, in der eine Komponente an ihrem Vorgänger verankert wird.

Hinweis: Benutzen sie den anchor Editor der IDE.

Ausrichtung

Ein anderer Weg um Komponenten zu organisieren ist die Verwendung der Ausrichtung (alignment). Jede Komponente hat eine Eigenschaft Align. Durch Auswahl der passenden Align Position können verschiedene Komponenten richtig positioniert werden.

BorderSpacing

Besonders hilfreich in Kombination mit Align ist die BorderSpacing Eigenschaft. (Also found on the Anchors dialog). Typischerweise wird ein borderspacing von 6 Pixeln um eine Komponente herum verwendet.