Freigeben über

Materialien in Windows-Apps

Materials sind visuelle Effekte, die auf UX-Oberflächen angewendet werden und den Artefakten des realen Lebens ähneln. Sie spielen eine wichtige Rolle bei der Erstellung von Tiefe, Hierarchie und visuellem Interesse an der Benutzeroberfläche Ihrer App.

Windows stellt zwei primäre Materialtypen bereit:

  • Mica – Ein undurchsichtiges Material, das das Design und das Desktop-Hintergrundbild des Benutzers enthält, um ein sehr personalisiertes Erscheinungsbild zu schaffen. Mica ist für die Leistung ausgelegt, da sie das Hintergrundbild nur einmal erfasst, um seine Visualisierung zu erstellen, wodurch sie ideal für die Foundation-Ebene Ihrer App, insbesondere im Bereich der Titelleiste, geeignet ist.

  • Acryl - ein halbtransparentes Material, das die Wirkung von Frostglas repliziert. Acryl kann als Systemhintergrund für vorübergehende, leicht zu schließende Oberflächen (z. B. Flyouts und Kontextmenüs) oder als App-interner Pinsel verwendet werden, der direkt auf UI-Komponenten angewendet wird.

So verwenden Sie Materialien

Es gibt zwei Möglichkeiten, Materialien in Ihren WinUI-Apps zu verwenden:

  • Systemkulissen (Mica/Acryl) – Wenden Sie Mica oder Desktop-Acryl als Hintergrund Ihres App-Fensters oder vorübergehende UI-Oberflächen wie Flyouts und Popups an. Dies wird über die SystemBackdrop Eigenschaft für Window, , Flyout, Popupund andere Elemente festgelegt.

  • In-App-Acryl – Wenden Sie Acryleffekte direkt auf UI-Elemente in Ihrer App mithilfe von AcrylicBrush Designressourcen oder benutzerdefinierten Acrylpinsel an. Dies ist nützlich für Panels, Randleisten und andere Inhaltsbereiche, in denen Sie einen transluzenten Effekt erzielen möchten.

  • Last updated on