2021-08-08 WPF控件专题 Canvas 控件详解

举报
愚公搬代码 发表于 2021/10/19 00:55:19 2021/10/19
【摘要】 1.Canvas 控件介绍 画布面板(坐标面板):定义区域,子元素的显示位置,指定相对于面板 的坐标,来定位子元素显示的位置。 附加属性:Canvas.Left Canvas.Right Canvas...

1.Canvas 控件介绍

画布面板(坐标面板):定义区域,子元素的显示位置,指定相对于面板 的坐标,来定位子元素显示的位置。

附加属性:Canvas.Left Canvas.Right Canvas.Top Canvas.Bottom
坐标(left,top) (left,bottom) (right,top) (right,bottom)

不能为子元素指定两个以上的附加属性,如果指定了,忽略后者。
当窗口大小变化,Canvas的尺寸就随之变动,子元素的位置也变化,坐标相对于Canvas没有变
支持负坐标,
ClipToBounds false 默认值 如果有溢出,就显示外边
true 裁剪

应用:精确定位,图画,最简单的布局

2.具体案例

<Grid>
        <Canvas ClipToBounds="true">
                <!--RIght  Bottom设置的值忽略了-->
                <Button Content="first" Width="30" Height=" 20" Canvas.Left="20" Canvas.Top="30" Canvas.Right="50" Canvas.Bottom="50"/>
                <Button Content="second" Width="50" Height=" 20" Canvas.Left="20" Canvas.Bottom="30"/>
                <Button Content="third" Width="30" Height=" 20" Canvas.Right="20" Canvas.Top="30"/>
                <Button Content="four" Width="50" Height=" 20" Canvas.Right="20" Canvas.Bottom="30"/>
                <Button Content="center" Width="50" Height=" 20" Canvas.Left ="100" Canvas.Bottom="150"/>
                <Button Content="center2" Width="50" Height=" 20" Canvas.Left ="100" Canvas.Bottom="-10"/>
                <!--重叠效果  优先显示:后添加的元素显示在上面—如果要改变默认优先级:Panel.ZIndex 默认值 0改变优先显示顺序  Panel.ZIndex值越大,就显示在最上边  Panel.ZIndex相同,后添加显示在上边-->
                <Button Content="按钮1" Width="50" Height=" 20" Canvas.Left ="50" Canvas.Top="100" Panel.ZIndex="2"/>
                <Button Content="按钮2" Width="50" Height=" 20" Canvas.Left ="52" Canvas.Top="110" />
                <Button Content="按钮3" Width="50" Height=" 20" Canvas.Left ="58" Canvas.Top="115" />
        </Canvas>
</Grid>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

文章来源: codeboy.blog.csdn.net,作者:愚公搬代码,版权归原作者所有,如需转载,请联系作者。

原文链接:codeboy.blog.csdn.net/article/details/119523215

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200