
需要使用Border然后放到Grid里面,
使用Grid容器(同网格层叠,最简单)
Grid的子元素会按照声明顺序后声明的覆盖先声明的,且可以通过Margin/HorizontalAlignment/VerticalAlignment控制Border的位置,实现悬浮效果。
bash
<UserControl.Resources>
<!-- 透明色 -->
<SolidColorBrush x:Key="gzColor" Color="#00F437" Opacity="0.1"/>
</UserControl.Resources>
<Grid>
<!--水印,已签到盖章-->
<Border Width="77" Height="77" CornerRadius="150" BorderBrush="#00AF08"
Margin="0,80,5,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
BorderThickness="4" Padding="2">
<Border
Width="64" Height="64"
Background="{StaticResource gzColor}"
BorderBrush="#00AF08"
BorderThickness="2"
CornerRadius="80"
RenderTransformOrigin=".5,.5"
Visibility="Visible">
<Border.RenderTransform>
<TransformGroup>
<TranslateTransform X="0.7" Y="0.5" />
<RotateTransform Angle="-40" CenterX=".5" CenterY=".5" />
</TransformGroup>
</Border.RenderTransform>
<TextBlock Margin="5,0"
Foreground="#00AF08" FontWeight="Bold" FontSize="17"
Text="已签到" />
</Border>
</Border>
</Grid>