WPF之容器标签之Canvas布局标签

Canvas: 定义一个区域,可在其中使用相对于 Canvas 区域的坐标以显式方式来定位子元素。

实例

可以在子标签使用Canvas属性设置定位

cs 复制代码
<Canvas Width="500" Height="300">
    <StackPanel Width="100" Height="100"
                Background="Red"></StackPanel>
    <StackPanel Width="100"
                Height="100"
                Background="Black"
                Canvas.Right="0"></StackPanel>
    <StackPanel Width="100"
                Height="100"
                Background="Gray"
                Canvas.Left="0"
                Canvas.Bottom="0"></StackPanel>
    <StackPanel Width="100"
                Height="100"
                Background="Green"
                Canvas.Right="0"
                Canvas.Bottom="0"></StackPanel>
    <WrapPanel Width="100"
                Height="100"
                Background="Green"
                Canvas.Right="0"
                Canvas.Bottom="0"></WrapPanel>
    <WrapPanel Width="100"
               Height="100"
               Background="Green"
               Canvas.Top="0"
               Canvas.Right="200"></WrapPanel>
</Canvas>

效果:

相关推荐
_codemonster3 小时前
主流前端技术分层选型
前端
SendTomo4 小时前
P2P文件传输工具对比:SendTomo vs send.wang
javascript·网络协议·webrtc·html5·p2p
犹豫的果冻布丁5 小时前
从零给 DeepSeek Harness 写一个壁纸皮肤插件(已开源)
前端·后端
漏刻有时6 小时前
数据可视化Three.js 3D 地图实战:单文件原生实现省域区县拉伸建模
前端
会说话的番茄6 小时前
AI 满嘴跑火车怎么办?给它配个"小抄"
前端·aigc
计算机魔术师6 小时前
AI 权力集中辩论实录:从「token 工厂」到「唯一幸存者」
前端
eric-sjq6 小时前
WanlyFrontend 中文声明式前端语言完全指南:让 0.6B 模型写出漂亮网页
前端
Full Stack Developme6 小时前
跨站请求伪造 (CSRF) 是什么 设计及工作原理
前端·okhttp·csrf
SendTomo6 小时前
WebRTC文件互传工具实测对比
javascript·网络·webrtc·html5·p2p
MoSTChillax6 小时前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding