Freigeben über


Implementierung einer modernen Themen-API-Komponente

Diese Beispielkomponente zeigt Anwendungsfälle für die Verwendung der modernen Design-API-Funktionen, um Ihre Komponente basierend auf dem aktuellen Design ihrer App zu formatieren. Die importierten Komponenten entsprechen zunächst dem modernen Power Apps-Standarddesign, bis Sie moderne Steuerelemente und Designs für Ihre App aktivieren und ein modernes Design anwenden.

Blaues Design der modernen Design-API-Komponente

Rotes Design der modernen Design-API-Komponente

Grünes Thema der modernen Theming-API-Komponente

Verfügbar für

Modellgesteuerte und Canvas-Apps

Code

Die Beispielkomponente demonstriert vier verschiedene Beispiele zur Nutzung der modernen Thema-API von Power Apps.

  • Fluent v9-Beispiel mit automatischer Anwendung des aktuellen modernen Designs: Fluent UI v9-Steuerelemente
  • Beispiel für Fluent v8-Selbstgestaltung durch Erstellen eines eigenen v8-ThemeProvider basierend auf den v9-Designtoken, die über die PCF-Kontextparameter übergeben werden: Fluent UI v8-Steuerelemente
  • Nicht Fluent-Beispiel, das die Gestaltung auf seine HTML-Elemente anwendet, indem es direkt auf v9-Design-Token verweist, die über PCF-Kontextparameter übergeben werden: Nicht Fluent UI-Steuerelement
  • Fluent v9-Beispiel zum Erstellen eines eigenen benutzerdefinierten v9-FluentProvider, der das über die PCF-Kontextparameter übergebene Design ändert. Benutzerdefinierte Designanbieter

Sie können die Beispielkomponente aus PowerApps-Samples/component-framework/FluentThemingAPIControl herunterladen.

Beispielkomponenten herunterladen
Beispielkomponenten verwenden
Power Apps component framework – API-Referenz
Stilkomponenten mit modernem Design (Vorschau)
Themenreferenz
Moderne Designs in Canvas-Apps verwenden (Vorschauversion)
Übersicht über moderne Steuerelemente und Designs in Canvas-Apps