Kompozíciós vizualizációkiterjesztések

A VisualExtensions típus lehetővé teszi a fejlesztők számára, hogy közvetlenül az XAML-ben módosítsák egy elem Visual objektumának közös tulajdonságait.

Syntax

Íme egy példa arra, hogyan használható a VisualExtensions típus egy adott felhasználói felületi elem egyes Visual tulajdonságainak értékeinek közvetlen beállítására közvetlenül az XAML-ből:

<Page ...
    xmlns:ui="using:CommunityToolkit.WinUI">

<Border
    Height="100"
    Width="100"
    Background="Purple"
    ui:VisualExtensions.CenterPoint="50,50,0"
    ui:VisualExtensions.Opacity="0.5"
    ui:VisualExtensions.RotationAngleInDegrees="80"
    ui:VisualExtensions.Scale="2, 0.5, 1"
    ui:VisualExtensions.NormalizedCenterPoint="0.5, 0.5" />

Note

A NormalizedCenterPoint rendszer a színfalak mögött egy Composition Expression animációt is használ annak biztosítására, hogy a beállított középponti érték szinkronban legyen a társított Visual objektum méretével. Az összes összeállítási animációhoz hasonlóan ez az animáció is a compositor szálon fut, és nem ad hozzá semmilyen terhelést az alkalmazás felhasználói felületi szálához.

Examples

További példákat az egységtesztekben találhat.

  • Last updated on