Erstellen einer Anwendungsleiste für die Metropolis-UI

Aus RAD Studio
Wechseln zu: Navigation, Suche

Nach oben zu Entwickeln von Metropolis-UI-Anwendungen


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

Eine AppBar kann unten oder oben oder unten und oben auf dem Bildschirm angezeigt werden. AppBars sind normalerweise ausgeblendet und werden erst als Reaktion auf Gesten, Mausklicks oder das Drücken einer Befehlstaste angezeigt. AppBars können auch programmgesteuert eingeblendet werden. Wenn sowohl die obere als auch die untere AppBar verwendet wird, werden in der Regel beide gleichzeitig eingeblendet.

Mit den folgenden Standardereignissen können Sie das Einblenden der AppBars auslösen:

  • Streifbewegung vom unteren Rand des Bildschirms zur Mitte des Bildschirms
  • Streifbewegung vom oberen Rand des Bildschirms zur Mitte des Bildschirms
  • Rechtsklick auf eine Stelle, für die kein Kontextmenü zur Verfügung steht
  • Drücken der Windows-Z-Taste

FireMonkey-Implementierung der Metropolis-UI-AppBar

Metropolis-UI-AppBars für FireMonkey-Anwendungen für die Metropolis-UI können mit den vorhandenen mit Stilen versehenen FireMonkey-Steuerelementen und Gesten erstellt werden.

Eine AppBar entspricht einer Symbolleiste und kann daher mit einem FireMonkey-TToolBar-Steuerelement, -TGridLayout und -TGestureManager implementiert werden.

Die AppBar ist in allen Metropolis-UI-Experten aktiviert. Streifen Sie nach oben (auf einem Touch-Gerät), oder klicken Sie mit der rechten Maustaste auf die Anwendung, um die AppBar zur Laufzeit anzuzeigen.

VCL-Implementierung der Metropolis-UI-AppBar

Die AppBar für VCL-Anwendungen im Metropolis-UI-Stil ist als TPanel-Steuerelement implementiert, dessen Breite der des Bildschirms entspricht, und das am unteren Rand des Bildschirms positioniert ist.

Die AppBar ist in allen Metropolis-UI-Vorlagen enthalten und besteht aus einer einzigen Schaltfläche (der Schaltfläche Close im Windows 8-Stil, Sie können aber weitere Schaltflächen hinzufügen):

XButtonMetro.png
(Die AppBar wird über der horizontalen Bildlaufleiste eingeblendet)

Deaktivieren Sie in der Eigenschaft InteractiveGestureOptions von TScrollBox den Wert igoPanSingleFingerVertical, damit die Ereignisse "Streifen nach oben" und "Streifen nach unten" nicht behandelt werden. Dadurch wird der GestureManager aktiviert (Streifereignisse werden an das jeweils übergeordnete Steuerelement übertragen, bis sie schließlich dem Formular zugeordnet werden).

Ziehen Sie zur Unterstützung der Streifbewegung vom unteren Bildschirmrand nach oben eine ActionList und einen TGestureManager auf das Formular. Aktivieren Sie die Up-Geste für die Eigenschaft Touch.Gestures.Standard des Formulars, und weisen Sie sie als neue Aktion (Action1) zu. Setzen Sie im Ereignis OnExecute von Action1 die Eigenschaft Visible der AppBar-TPanel-Komponente auf True. Die AppBar wird dann angezeigt, wenn Sie auf dem Bildschirm von unten nach oben streifen.

Sie können der AppBar Schaltflächen, wie z.B. eine Schließen-Schaltfläche, hinzufügen. Verbinden Sie das OnClick-Ereignis der Schaltfläche mit:

Delphi: 

Application.Terminate;

C++: 

Application->Terminate();

Siehe auch

Abgerufen von „https://docwiki.embarcadero.com/RADStudio/Athens/d/index.php?title=Erstellen_einer_Anwendungsleiste_für_die_Metropolis-UI&oldid=185832“