WPF印章水印, Border怎么悬浮在其他控件上面,类似盖章一样

需要使用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>
相关推荐
做个文艺程序员3 天前
MQ第12篇:AI原生消息架构演进:从MQ到事件驱动的全链路设计
架构·消息队列·wpf·事件驱动架构·ai-native·cqrs
donk13145 天前
React Native for OpenHarmony 实战:三方库 react-native-circular-action-menu 的鸿蒙化适配指南
javascript·分布式·react native·react.js·wpf·harmonyos
donk13146 天前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos
He BianGu6 天前
【笔记】WPF中RenderOptions类的详细功能
笔记·wpf
VidDown6 天前
上线三个月后的第一次事故:一个 Django 服务的日志、监控与故障复盘
数据库·python·django·wpf·音视频·视频编解码
He BianGu6 天前
【笔记】WPF中CachingHint的功能
笔记·wpf
He BianGu6 天前
【笔记】在WPF中BitmapScalingMode的作用
笔记·wpf
Vae_Mars7 天前
幂等性学习笔记
笔记·学习·wpf
samble8 天前
从零搭建灌装监控系统(十九):单元测试实战,xUnit + 内存SQLite + 反射测试私有方法
c#·wpf·mvvm·modbus·工业控制