Anzeigen: Delphi C++
Anzeigeeinstellungen

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 Microsoft® Windows 8-Benutzeroberfläche kompatible Anwendungen erzeugen. Mit Embarcadero® RAD Studio können Sie Metropolis-UI-Anwendungen entweder mit der VCL oder mit FireMonkey erstellen. RAD Studio kann 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.


Inhaltsverzeichnis

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.

In XE3 werden nur Desktop-Anwendungen für die Metropolis-UI unterstützt. Mobile Metropolis-UI-Anwendungen (und die WinRT) werden derzeit nicht unterstützt.

Beispielsweise unterstützen die VCL- und FireMonkey-Anwendungsvorlagen für die Metropolis-UI 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 FireMonkey- oder VCL-Steuerelemente und sind von mehr "Whitespace" umgeben als in typischen Desktop-Anwendungen.

Live-Kacheln in der Windows 8-Benutzeroberfläche sind ein Beispiel für die größeren Steuerelemente, die programmseitig in Echtzeit mit Live-Datenquellen verbunden sind. Metropolis-UI-Anwendungen sind auch maximiert (Vollbildmodus), und die Schrift ist größer als in herkömmlichen 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 z.B. Ihrer FireMonkey-Anwendung für die Metropolis-UI 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:

Sie können ein VCL- oder FireMonkey-Formular auch mit dem Befehl In Metropolis-UI-Formular konvertieren aus dem Kontextmenü des Formular-Designers in eine Metropolis-UI konvertieren. Beachten Sie dabei aber, dass Sie das Metropolis-UI-Formular nicht auf den ursprünglichen Stil zurücksetzen können und das Layout nicht zwangsläufig mit den Richtlinien für die Windows 8-UI konform ist.

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.
    FireMonkey-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.
    FireMonkey-Formulare in der Teilbereichsvorlage:
    SplitPaneFontSM2.png     SplitPaneFont2SM2.png
  • Weitere Informationen zu den Metropolis-UI-Anwendungs- und -Formulartypen (einschließlich Abbildungen der VCL-Vorlagen für die Metropolis-UI) finden Sie unter Vorlagen für Metropolis-UI-Anwendungen.

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:\Programme (x86)\Embarcadero\RAD Studio\10.0\Redist\styles\Fmx

VCL-Stile für die Metropolis-UI:

C:\Programme (x86)\Embarcadero\RAD Studio\10.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.

Die Metropolis-UI-Beispiele zeigen, wie andere Windows 8-Steuerelemente, wie eine Flipview und ein Flyout, implementiert werden.

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.

Ein Codebeispiel für TEditButton finden Sie unter EmbeddedGlyphDemo. Dieses Beispiel wird mit dem Produkt in folgendem Verzeichnis installiert:

C:\Benutzer\Öffentlich\Öffentliche Dokumente\RAD Studio\<n.n>\Samples\FireMonkey

Symbole für Metropolis-UI-Schaltflächen

Das Produkt enthält eine Bibliothek mit Symbolen und Bildern, die Sie in Metropolis-UI-Anwendungen verwenden können. Die Bibliothek befindet sich in folgendem Verzeichnis:

C:\Benutzer\Öffentlich\Öffentliche Dokumente\RAD Studio\<n.n>\Styles\VCLMetropolisIconLibrary

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.

Beispiele für Metropolis-UI-Anwendungen

Die Beispiele für FireMonkey-Metropolis-UI-Anwendungen zeigen, wie einige der Steuerelemente im Windows 8-Stil implementiert werden. Diese Beispiele werden mit dem Produkt ausgeliefert und befinden sich normalerweise in folgendem Verzeichnis:

C:\Benutzer\Öffentlich\Öffentliche Dokumente\RAD Studio\<n.n>\Samples\FireMonkey

In Windows 8 können Sie mithilfe des Suchfeldes schnell zum Beispielordner wechseln:

  1. Beginnen Sie im Windows 8-Kachelfenster. Wenn der Desktop-Modus aktiv ist, drücken Sie die Windows-Taste auf der Tastatur, um zum Kachelfenster zurückzukehren.
  2. Führen Sie einen der folgenden Schritte aus:
    • Geben Sie einfach im Kachelfenster einige Buchstaben (z.B. "sam") ein. Das Suchfeld wird automatisch aufgerufen.
    • Klicken Sie auf das Vergrößerungsglas, und geben Sie dann einige Buchstaben, z.B. "sam", in das Suchfeld ein.
  3. Klicken Sie im Feld Ergebnisse für "sam" auf den Ordner Samples.


Beispiele für Metropolis-UI-Anwendungen:

Live-Kacheln, MetropolisSvc und LaunchAgentHost

RAD Studio unterstützt die Entwicklung von Live-Kacheln, die großen farbigen Blöcke auf dem Windows 8-Startbildschirm, und von Desktop-Anwendungen, die mit den Live-Kacheln verbunden sind.

  • Mit TLiveTile können Sie Live-Kacheln im Windows 8-Stil erstellen.
  • Mit dem MetropolisSvc-Dienst können Sie regelmäßige Aktualisierungen auf Live-Kacheln anzeigen.
  • Mit LaunchAgentHost können Sie Live-Kacheln zu Desktop-Anwendungen zuordnen, damit durch Klicken auf die Live-Kacheln die jeweiligen Anwendungen aufgerufen werden.

Weitere Informationen finden Sie unter:

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

Von „http://docwiki.embarcadero.com/RADStudio/XE4/d/index.php?title=Entwickeln_von_Metropolis-UI-Anwendungen&oldid=138696“
In anderen Sprachen