通用Windows應用程序中的陰影效果

Question

我正在尋找一種簡單的方法來添加像WPF中的陰影效果，僅使用XAML。我想將它應用於ListView中的元素。

我沒有發現任何東西比實驗更是這樣的： https://blogs.windows.com/buildingapps/2016/09/12/creating-beautiful-effects-for-uwp/#BIRDSebvmJwAFY5Y.97

看來，這將requiere大量的代碼隱藏。我想避免它。

Answer 1

如果你想用Composition API自己做，它確實是一些工作。幸運的是，我們有一個很好的社區，其中一個開源項目是UWP Community Toolkit。這個工具包包含一個DropShadowPanel控件，爲您做了很多工作。

<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>  

請注意，您必須設置應用程序版本10.0.14393.0（週年更新）這種效果。