1. 程式人生 > >WPFの陰影效果 WPFの陰影效果

WPFの陰影效果 WPFの陰影效果

原文 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聯絡群主。