用WPF实现拟态化按钮,主要得用颜色的渐变与阴影实现(效果如上图),喜欢的点个赞!
实现代码如下:
<Grid Background="#FFB1CFED">
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Ellipse Height="60" Width="60" HorizontalAlignment="Center" VerticalAlignment="Center" Fill="#FFB1CFED">
<Ellipse.Effect>
<DropShadowEffect Direction="-80" Color="Black" ShadowDepth="3"/>
</Ellipse.Effect>
</Ellipse>
<Ellipse Height="60" Width="60" HorizontalAlignment="Center" VerticalAlignment="Center" >
<Ellipse.Effect>
<DropShadowEffect Direction="90" Color="Black" BlurRadius="5" ShadowDepth="1"/>
</Ellipse.Effect>
<Ellipse.Fill>
<LinearGradientBrush EndPoint="0.9,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
<GradientStop Color="WhiteSmoke"/>
<GradientStop Color="#AAB1CFED" Offset="0.4"/>
</LinearGradientBrush>
</Ellipse.Fill>
</Ellipse>
<Ellipse Height="55" Width="55" HorizontalAlignment="Center" VerticalAlignment="Center" Fill="#FFB1CFED" />
<TextBlock Text="H" FontSize="30" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Chocolate"/>
</Grid>
</Grid>