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>

效果:

相关推荐
lichenyang4532 小时前
React ajax中的跨域以及代理服务器
前端·react.js·ajax
呆呆的小草2 小时前
Cesium距离测量、角度测量、面积测量
开发语言·前端·javascript
WHOAMI_老猫3 小时前
xss注入遇到转义,html编码绕过了解一哈
javascript·web安全·渗透测试·xss·漏洞原理
一 乐3 小时前
民宿|基于java的民宿推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·源码
testleaf4 小时前
前端面经整理【1】
前端·面试
好了来看下一题4 小时前
使用 React+Vite+Electron 搭建桌面应用
前端·react.js·electron
啃火龙果的兔子4 小时前
前端八股文-react篇
前端·react.js·前端框架
小前端大牛马4 小时前
react中hook和高阶组件的选型
前端·javascript·vue.js
刺客-Andy4 小时前
React第六十二节 Router中 createStaticRouter 的使用详解
前端·javascript·react.js
秋田君5 小时前
深入理解JavaScript设计模式之策略模式
javascript·设计模式·策略模式