Entwickeln von Metropolis-UI-Anwendungen

Aus RAD Studio
Wechseln zu: Navigation, Suche

Nach oben zu Hauptanwendungstypen


Die Metropolis-UI umfasst Features, die mit dem Aussehen und Verhalten der Benutzeroberfläche von Microsoft® Windows 8 kompatible Anwendungen erzeugen. Mit RAD Studio können Sie Metropolis-UI-Anwendungen entweder mit der VCL oder mit FireMonkey erstellen. RAD Studio kann auch unter Windows 8 sowie unter früheren Versionen von Windows installiert und ausgeführt werden. Metropolis-UI-Anwendungen haben das Aussehen und Verhalten von Windows 8, wenn die Anwendungen unter Windows 8 oder unter früheren Versionen von Windows ausgeführt werden.

Die Metropolis-UI wurde für Touch-Screens und Gesten entwickelt

Windows 8-Anwendungen können mit Touch-Screens für mobile oder Desktop-Anwendungen arbeiten. Wie Windows 8 kann die Metropolis-UI auch mit der Maus – ohne Touch-Screens – bedient werden.

Metropolis-UI unterstützen keine mobilen Plattfromen, sie unterstützen nur Desktop-Anwendungen. RAD Studio unterstützt auch die WinRT nicht als Zielplattform.

Beispielsweise unterstützen die Vorlagen für Metropolis-UI-Anwendungen eine Popup-Anwendungsleiste (AppBar), die durch Berührung aktiviert wird.

Metropolis-UI-Anwendungen von RAD Studio unterstützen die folgenden Gesten:

Benutzerdefinierte Gesten werden in Metropolis-UI-Anwendungen von RAD Studio derzeit nicht unterstützt.

Entwickeln von Metropolis-UI-Anwendungen mit UI-Richtlinien für Windows 8

Das Kennenlernen der Windows 8-Benutzeroberfläche stellt einen ersten wichtigen Schritt beim Entwickeln von Metropolis-UI-Anwendungen dar. Entwerfen Sie Ihre Anwendungen den visuellen Standards von Windows 8 entsprechend, die auf Berührungen und Gesten ausgerichtet sind, sich jedoch nicht darauf beschränken.

Verglichen mit der Größe des Desktop-Bildschirms verfügen die meisten Handheld-Geräte über kleine Touch-Screens, deshalb müssen Anwendungen für mobile Geräte für kleine Touch-Screens entworfen werden. Außerdem müssen Steuerelemente mindestens die Größe einer Fingerspitze haben, damit Objekte mit den Fingern manipuliert werden können. Aufgrund dieser Überlegungen müssen Sie beim Konvertieren von vorhandenen Anwendungen in die Metropolis-UI vermutlich die Konfiguration der Formulare ändern.

Beispielsweise sind Windows 8-Steuerelemente in der Regel größer als Desktop-Steuerelemente und sind von mehr "Whitespace" umgeben als in typischen Desktop-Anwendungen.

Weitere Informationen über UI-Standards in Windows 8 finden Sie unter Microsoft-Richtlinien für Windows 8-Anwendungen.

Das FireMonkey-Framework bietet größere Unterstützung für die Metropolis-UI

VCL und FireMonkey unterstützen die Metropolis-UI-Experten und -Vorlagen. VCL-Steuerelemente werden automatisch im Windows 8-Stil gerendert, sind aber ansonsten unverändert. FireMonkey bietet eine reichhaltigere Entwicklungsumgebung und zusätzliche neue FireMonkey-Steuerelemente für die Metropolis-UI, die in der VCL nicht enthalten sind.

Wenn Sie Ihrer FireMonkey-Anwendung für die Metropolis-UI z. B. einen TAniIndicator hinzufügen und TAniIndicator einen Metropolis-UI-Stil zuweisen, verwendet Ihre Anwendung die charakteristische animierte Fortschrittsleiste, die in Windows 8 als Indeterminate Progress Ring (Unbestimmter Statusring) bezeichnet wird. Anleitungen finden Sie unter Animierter unbestimmter Statusring.

Experten für Metropolis-UI-Anwendungen

RAD Studio enthält die folgenden vordefinierten Vorlagen zum Erstellen von Metropolis-UI-Anwendungen und -Formularen:

Vorlagen für Metropolis-UI-Anwendungen

Beim Erstellen von Metropolis-UI-Anwendungen können Sie mehrere Vorlagen oder Layouts auswählen, die in den Metropolis-UI-Experten zur Verfügung stehen, z.B.:

  • Leere Metropolis-UI-Vorlage– Vollbildmodus ohne vordefiniertes Layout
  • Metropolis-UI-Rastervorlage – eine Anwendung bestehend aus zwei Formularen, die in einem Raster angeordnet sind, ohne horizontales Scrollen.
    Geräteübergreifende Formulare in der Rastervorlage:
    GridViewFontSm.png       GridPanelSM.png
  • Metropolis-UI-Vorlage mit Teilbereich – eine Anwendung bestehend aus zwei Formularen mit einem geteilten Layout mit Gruppen und Einträgen und einem Sekundärfenster mit Listenfeldern mit zugeordneten Textbereichen, die gescrollt werden können.
    Geräteübergreifende Formulare in der Teilbereichsvorlage:
    SplitPaneFontSM2.png       SplitPaneFont2SM2.png

Stile für Metropolis-UI-Anwendungen

Sie können für Ihre Metropolis-UI-Anwendungen einen vordefinierten Metropolis-UI-Stil anwenden. RAD Studio wird mit vier Metropolis-UI-Stilen ausgeliefert, die normalerweise in den folgenden Verzeichnissen enthalten sind:

FireMonkey-Stile für die Metropolis-UI: C:\Program Files (x86)\Embarcadero\Studio\21.0\Redist\styles\Fmx
VCL-Stile für die Metropolis-UI: C:\Program Files (x86)\Embarcadero\Studio\21.0\Redist\styles\vcl

Die vier in RAD Studio verfügbaren Metropolis-UI-Stile:

  • MetropolisUIBlack
  • MetropolisUIBlue
  • MetropolisUIDark
  • MetropolisUIGreen

FireMonkey-Steuerelemente für die Metropolis-UI

FireMonkey wurde um die Implementierung mehrerer angepasster Metropolis-UI-Steuerelemente erweitert.

Außerdem können Sie Ihre eigenen Windows 8-Steuerelemente implementieren.

Eingebettete Glyphen-Schaltflächen

Verschiedene FireMonkey-Schaltflächen für die Metropolis-UI verfügen über eingebettete Glyphen, die für bestimmte Zwecke konzipiert sind:

Tipp: Verwenden Sie zur Übernahme eines Schaltflächen-Stils entweder im Formular-Designer den Kontextmenübefehl Eintrag hinzufügen oder im Objektinspektor die Eigenschaft StyleLookup.

Illustrierte Anleitungen finden Sie unter Erstellen von Bearbeitungsschaltflächen mit eingebetteten Glyphen für die Metropolis-UI.

Animierter unbestimmter Statusring

Sie können die charakteristische animierte Statusanzeige von Windows 8 (den unbestimmten Statusring) in Ihren FireMonkey-Anwendungen für die Metropolis-UI aktivieren. Der unbestimmte Statusring besteht aus einigen animierten Punkten, die sich um einen Mittelpunkt drehen, schneller bzw. langsamer werden können sowie verschwinden und wieder erscheinen können.

TMetropolisUIListBoxItem

FireMonkey unterstützt nun dieses Steuerelement, das mit Stilen versehen werden kann. Beim Entwickeln einer Metropolis-UI-Anwendung mit einem Metropolis-UI-Experten erstellen Sie zuerst eine TListBox und fügen dann MetropolisUIListBoxItems hinzu. Die Größe der TListBox muss in der Regel angepasst werden, damit der erforderliche Platz für TMetropolisUIListBoxItem als Windows 8-Steuerelement bereitgestellt werden kann.

AppBar

Metropolis-UI-Anwendungen entsprechen dem Windows 8-Standard und verwenden keine persistente Menüleiste oben im Anwendungsfenster. Stattdessen verfügen Metropolis-UI-Anwendungen über ein Touch-Steuerelement, das als AppBar bezeichnet wird.

Kurzhinweis

Ein Kurzhinweis im Metropolis-UI-Stil ist ein Popup-Fenster, in dem hilfeähnliche Informationen angezeigt werden, wenn die Maus oder das Touch-Gerät über das Steuerelement geführt werden oder das Steuerelement berühren.

Kombinationsfeld

TComboBox kann als Metropolis-UI-Steuerelement verwendet werden, wenn Sie dem Kombinationsfeld einen Metropolis-UI-Stil zuordnen.

Flyout

Ein Flyout im Metropolis-UI-Stil ist ein Popup-Fenster, das vorübergehend angezeigt wird. Ein Flyout wird durch Klicken auf eine beliebige Position außerhalb des Flyout geschlossen.


Symbole für Ihre Schaltflächen in der VCL-Metropolis-UI

RAD Studio enthält eine Bibliothek mit Symbolen und Bildern, die Sie in Ihren VCL-Metropolis-UI-Anwendungen verwenden können. Diese Bibliothek befindet sich normalerweise im Verzeichnis:

C:\Users\Public\Documents\Embarcadero\Studio\21.0\Styles\VCLMetropolisIconLibrary

Microsoft-Richtlinien für Windows 8-Anwendungen

Die Benutzeroberfläche von Windows 8 basiert auf einem komplexen Satz aufeinander abgestimmter Richtlinien, die für die vordefinierten Vorlagen in RAD Studio übernommen wurden.

Beginnen Sie bei der Entwicklung von Metropolis-UI-Anwendungen mit dem Ordnen des Inhalts, um die intuitive Navigation zu verbessern, wie in den MSDN-Seiten über das Windows 8-Design beschrieben. Sie können den Inhalt mit den vordefinierten Layouts "Rasteransicht" und "Teilbereich" hierarchisch oder linear anordnen.

Weitere Informationen über die Entwicklung von Windows 8-Anwendungen finden Sie in den im Folgenden aufgeführten Seiten zu Windows 8-Richtlinien:

Themen

Siehe auch