Schlagschatteneffekt in Universal Windows Anwendung

Question

Ich bin auf der Suche nach einer einfachen Möglichkeit, einen Schlagschatteneffekt wie in WPF hinzuzufügen, nur mit XAML. Ich möchte es für die Elemente in einem ListView anwenden.

Ich habe nichts mehr als Experimente wie folgt gefunden: https://blogs.windows.com/buildingapps/2016/09/12/creating-beautiful-effects-for-uwp/#BIRDSebvmJwAFY5Y.97

Es scheint, dass es eine Menge Code-behind requiere würde. Ich möchte es vermeiden.

Answer 1

Wenn Sie es mit der Composition API selbst machen wollen, ist es in der Tat ziemlich viel Arbeit. Zum Glück haben wir eine großartige Community und eines dieser Open-Source-Projekte ist die UWP Community Toolkit. Dieses Toolkit enthält ein DropShadowPanel Steuerelement, das die harte Arbeit für Sie erledigt.

<controls:DropShadowPanel BlurRadius="4.0" 
          ShadowOpacity="0.70" 
          OffsetX="5.0" 
          OffsetY="5.0" 
          Color="Black"> 
    <Image Width="200" Source="Unicorn.png" Stretch="Uniform"/> 
</controls:DropShadowPanel>  

Beachten Sie, dass Sie für diesen Effekt die App-Version auf 10.0.14393.0 (Anniversary Update) festlegen müssen.