WPF Canvas实现绝对定位

开发 开发工具
WPF Canvas做为一个布局容器,主要实现的是一个非常精确的绝对定位。在实际编程中,应当谨慎使用这一容器,以防止出错。

WPF开发工具的出现,为我们开发人员带来了全新的编程体验。开发人员使用则款工具,彻底突破了图形界面开发的局限性,为编程带来高效率。下面我们先来了解下WPF Canvas布局容器的相关概念。 #t#

Canvas是最精确的布局容器——绝对定位,此书作者不建议使用,因为控件的大小一般会随着内部字体图片的动态生成而自动变化,所以使用前三种布局是***的选择,在这一点上,我也持同样意见。

Canvas使用Top/Bottom属性控制距离顶部/底部的高度;使用Left/Right属性控制距离左/右的距离。有趣的是,调整Form的大小,第二个TextBlock的位置会相应变化,但和底部以及右边的距离是不变的,代码见下:

  1. < Canvas Background="Yellow"> 
  2. < TextBlock Canvas.Left="10" 
  3. Canvas.Top="20">Hello
  4. < /TextBlock> 
  5. < TextBlock Canvas.Right="10" 
  6. Canvas.Bottom="20">world!
  7. < /TextBlock> 
  8. < /Canvas> 

此外,Canvas不会自动裁减超过自身范围的内容,即多出的内容会显示在Canvas外面,那是因为默认ClipToBounds="False";如果设置ClipToBounds="True",则会裁剪多于内容。

***,联合使用ViewBox可以使自动布局控件调整大小。

责任编辑:曹凯 来源: 博客园
相关推荐

2010-08-16 11:28:02

DIV

2010-09-06 11:17:19

CSS相对定位CSS绝对定位

2010-08-26 16:48:48

DIV绝对定位相对定位

2010-09-10 11:32:23

CSS绝对定位CSS相对定位

2010-09-10 12:40:06

CSS相对定位CSS绝对定位

2010-08-25 14:45:57

CSS绝对定位

2013-02-19 10:24:47

瀑布流布局CSS

2010-09-10 13:07:51

CSS DIV绝对定位CSS DIV固定定位

2010-09-14 16:57:29

DIV绝对定位CSS

2010-08-17 11:10:16

DIV+CSS

2010-09-14 16:39:26

CSS DIV相对定位CSS DIV绝对定位

2010-08-16 08:54:48

DIVCSS

2023-02-27 09:20:24

绝对定位CSS

2022-06-29 14:06:54

canvas鸿蒙

2010-09-01 14:02:27

绝对定位浮动CSS

2022-03-10 11:04:04

Vue3Canvas前端

2017-04-05 16:30:09

Node.jsFFmpeg Canvas

2010-09-07 15:38:42

CSS绝对定位浮动

2009-12-24 17:57:53

WPF页面跳转

2009-12-28 17:33:19

WPF视频音频
点赞
收藏

51CTO技术栈公众号