我们希望完全按照图像中的说明进行UI控制.它是圆角,像阴影效果和薄而框周围的颜色线.控件的大小应为父级的大小.我们尝试使用示例,没有任何设计团队给出的设计.
解决方法
你可以使用DropShadowEffect.
- <Grid>
- <Grid Background="LightGray">
- <Border Margin="4"
- BorderBrush="White"
- Background="LightGray"
- BorderThickness="1,1,1"
- CornerRadius="8,8,8">
- <TextBlock Margin="10"
- Text="Hello,world!"
- FontSize="24"
- FontWeight="Bold" />
- <Border.Effect>
- <DropShadowEffect Color="Gray" Opacity="0.5" />
- </Border.Effect>
- </Border>
- </Grid>
- </Grid>