Anyagok Windows-alkalmazásokban

Az anyagok a felhasználói felületre alkalmazott vizuális effektusok, amelyek mélységet, hierarchiát és vizuális érdeklődést keltenek. A WinUI 3 négy mechanizmust biztosít az anyagok alkalmazására, amelyek mindegyike egy másik forgatókönyvnek felel meg.

Important

AcrylicBrush csak alkalmazáson belüli akril – elhomályosítja az XAML-tartalmakat az alkalmazásablakban. Nem jeleníti meg az asztalt vagy az alkalmazás mögötti egyéb ablakokat. Az asztali áttetsző effektusokhoz használja a Window.SystemBackdrop vagy a SystemBackdropElement elemet.

Milyen anyagot használjak?

Scenario Material API
Mica hátterű alkalmazásablak (háttérkép árnyalatával színezett) Mica Window.SystemBackdrop = new MicaBackdrop()
Alkalmazásablak áttetsző, matt üveg háttérrel Asztali Akril Window.SystemBackdrop = new DesktopAcrylicBackdrop()
Úszó menü, előugró ablak vagy helyi menü akril háttérrel Rendszerháttér egy felületen A(z) SystemBackdrop beállítása itt: FlyoutBase, Popup stb.
Oldalsáv, panel vagy elem Mica- vagy Acrylic-effektussal (nem a teljes ablak) SystemBackdropElement <SystemBackdropElement> vezérlő
Navigációs ablak vagy tartalompanel alkalmazáson belüli elhomályosító effektussal Alkalmazáson belüli Acrylic {ThemeResource AcrylicInAppFillColorDefaultBrush}

Nincs anyag (alapértelmezett)

Ha nincs anyag alkalmazva, az ablak háttere egyszínű, amely az aktív világos vagy sötét témából származik – nincs elmosódás vagy áttetszőség.

Képernyőkép egy WinUI 3 alkalmazásablakról, amelyen nincs alkalmazott anyag, sima fehér háttérrel.

Az anyagok olyan compositor-effektusokra támaszkodnak, amelyek hardvertámogatást és felhasználói beállításokat igényelnek. A WinUI 3 elegánsan visszaesik egy szilárd színre, ha egy anyag nem jeleníthető meg:

  • Távoli asztal vagy virtuális gépek – RDP-kapcsolaton keresztül a kompozitor nem tudja az SystemBackdrop anyagokat az asztali tartalommal összemosni, ezért azok automatikusan tartalék módra váltanak.
  • Nincs elegendő grafikus hardver – A Mica és az Asztali Akril directX 11-et és megfelelő GPU-memóriát igényel. Azok az eszközök, amelyek nem felelnek meg a küszöbértéknek, egyszínű színre esnek vissza.
  • Az áttetszőségi effektusok le vannak tiltva – ha a felhasználó kikapcsolja az Áttetszőség effektusokat a Beállítások > személyre szabási > színei között, az összes SystemBackdrop anyag AcrylicBrush visszaáll a színalapú alternatívákra.
  • Energiatakarékos mód aktív – A Windows letiltja az akrilhatást (DesktopAcrylicBackdrop és AcrylicBrush), amikor az energiatakarékos mód be van kapcsolva. A Micát nem érinti.
  • Kontrasztos mód – minden anyag el van tiltva; a rendszer kontrasztos színeket alkalmaz.

Az alkalmazásnak nem kell felismernie ezeket a feltételeket – az API-k automatikusan kezelik a visszaállást. Győződjön meg arról, hogy minden Ön által beállított FallbackColor vagy témaháttér egyszerű, egyszínű háttérként is jól mutat.

Mica

A Mica a felhasználó asztali háttérképének színét egy visszafogott, személyre szabott háttérbe építi be. A fő alkalmazásablak hátteréhez készült, különösen a címsorban és a navigációs panelen.

  • API: Window.SystemBackdrop = new MicaBackdrop()
  • Változatok: MicaKind.Base (alapértelmezett) vagy MicaKind.BaseAlt (világosabb, másodlagos felületek esetén)
  • Windows verzió: csak Windows 11. Windows 10 rendszeren egyszínű témaszínre vált vissza.

Képernyőkép egy WinUI 3 alkalmazásról a MicaBackdrop alkalmazással, amely a felhasználó asztali háttérképe által színezett finom kék-szürke hátteret jeleníti meg.

Asztal akrilhatással

A Desktop Acrylic élő, elmosódott képet mutat az asztalról és az alkalmazásablak mögötti tartalomról, így mattüveg-hatást kelt.

  • API: Window.SystemBackdrop = new DesktopAcrylicBackdrop()
  • Változatok: DesktopAcrylicKind.Base (átlátszatlanabb) vagy DesktopAcrylicKind.Thin (átlátszóbb)
  • Windows verzió: Windows 10 (17763-es build) és újabb verziók.

Képernyőkép egy WinUI 3 alkalmazásról alkalmazott DesktopAcrylicBackdrop effektussal, amelyen az ablak mögötti asztali tartalom matt üvegszerű elmosódása látható.

Az akril az átmeneti felületekre is alkalmazható – beállítva SystemBackdropFlyoutBase, Popupvagy MenuFlyoutPresenterCommandBarFlyoutCommandBar. A teljes listát a rendszer hátterei között találja.

SystemBackdropElement

SystemBackdropElement Mica vagy Desktop Acrylic anyagot alkalmaz az operációs rendszer kompozitorából egy adott XAML-elemen – nem a teljes ablakon. Akkor használja, ha egy oldalsávnak, panelnek vagy kártyának saját Mica- vagy Akril-háttérre van szüksége az ablak többi részétől függetlenül.

Alkalmazáson belüli Acrylic (AcrylicBrush)

AcrylicBrush elhomályosítja az XAML-tartalmat az alkalmazásablakban. Nem jeleníti meg az asztalt vagy más ablakokat a felületen keresztül. Olyan navigációs ablaktáblákhoz, oldalsávokhoz vagy tartalompanelekhez használható, ahol áttetsző alkalmazáson belüli effektust szeretne.

  • API: Alkalmazható {ThemeResource AcrylicInAppFillColorDefaultBrush} egy elemre Background, vagy definiálhat egy egyéni AcrylicBrush elemet a következővel TintColor: , TintOpacityés TintLuminosityOpacity.
  • Az UWP BackgroundSource = HostBackdrop tulajdonság nem érhető el a WinUI 3-ban.
  • Részletekért és kódmintákért lásd: In-app acrylic.

Képernyőkép egy WinUI 3 alkalmazásról AcrylicBrush alkalmazással, amelyen egy áttetsző panel látható, amely elhomályosítja az XAML-tartalmat az alkalmazásablakban.

  • Last updated on