【Avalonia】【跨平臺】關於控制元件陰影簡單用法

背景

當我們在用Avalonia開發專案時，我們可能會對控制元件新增一些陰影效果，改善使用者體驗，我們開發WPF的人知道，WPF會給我提供Effect這麼一個屬性，這是方便我們進行陰影以及特效使用，但是Avalonia要想完成同樣的效果怎麼辦呢

解決方案

我們要使用Avalonia的控制元件陰影效果只能使用Border上的BoxShadow屬性就可以完成陰影效果，現在我們檢視到BoxShadow對應的屬性是BoxShadows，我們細心的可以發現BoxShadows代表是多個BoxShadow疊加組合完成，當我們發現每個BoxShadow內部其實還有其他的屬性，每個BoxShadow內部屬性依次是OffsetX（X軸位移），OffsetY（Y軸位移），Blur（模糊程度），Spread（擴充套件範圍），Color（顏色），IsInset（是否內陰影，此處在XAML上設定無效，需要程式碼設定）  由此可以得出我們想要的效果，如下圖所示

程式碼為

<Border
            Height="150"
            Margin="10"
            BoxShadow="0 0 10 4 #ccc" />

 

 有興趣關注我的Avalonia開源專案: https://github.com/Coolkeke/LayUI-Avalonia