WPFの陰影效果 WPFの陰影效果
阿新 • • 發佈:2018-11-11
原文 WPFの陰影效果
UI實現過程中有的需要實現投影效果,那麼怎麼實現呢?整理了幾種方式,供參考和查閱
1、圖片做成陰影效果的,這個不多說了,和美工小姐姐多共同就好了
2、控制元件的DropShadowEffect屬性
<StackPanel Background="#FFFFFF" Width="941" Height="585"> <StackPanel.Effect> <DropShadowEffect Color="#3699dd" Opacity="0.33" ShadowDepth="4" Direction="180" BlurRadius="40" RenderingBias="Performance" /> </StackPanel.Effect> </StackPanel>
上面的幾個子屬性名字很簡單易懂
3、模糊效果類BlurEffect
<TextBlock Text="Hello world" Foreground="red" HorizontalAlignment="Center" Margin="20" FontSize="36"> <TextBlock.Effect> <BlurEffect Radius="4" KernelType="Box" /> </TextBlock.Effect> </TextBlock>
4、TranslateTransform來疊兩個同樣的東西(當然可以顏色不一樣)來顯示弄出陰影效果
<Grid>
<TextBlock Text="helloworld" Foreground="Black" HorizontalAlignment="Center" Margin="20" FontSize="36">
<TextBlock.RenderTransform>
<TranslateTransform X="3" Y="3" />
</TextBlock.RenderTransform>
</TextBlock>
<TextBlock Text="helloworld" Foreground="Green" HorizontalAlignment="Center" Margin="20" FontSize="36" />
</Grid>
如有疑問,請加群568055323聯絡群主。