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>

效果:

相关推荐
知远同学14 分钟前
关闭Chrome提示更新失败的弹窗
前端·chrome
Heidi__1 小时前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng1 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星1 小时前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
zhangivon2 小时前
如何设计灵活可扩展的前端日志解决方案:提升应用稳定性与可观测性
前端
程序员黄同学2 小时前
解释观察者模式,如何实现观察者模式?
前端·算法·观察者模式
观无3 小时前
JWT认证服务
前端·c#·vue
匹马夕阳3 小时前
(一)前端程序员转安卓开发分析和规划建议
android·前端
Monly213 小时前
Vue:Table在点击删除的时候阻止行点击事件
前端·javascript·vue.js
qq_196055874 小时前
WPF插入背景图
wpf