美文网首页
WPF-2.控件布局

WPF-2.控件布局

作者: 油麦 | 来源:发表于2018-06-01 16:06 被阅读20次

【注意:框架需要使用4.5以上,IDE需要2015】


文章大纲

堆叠顺序

类似于ps的图层的概念,下面的控件会被上层的控件遮住部分或者是全部。
控件的堆叠顺序是由控件在容器中的堆叠顺序来决定的,容器中的第一个子控件位于最下方,最后一个子控件在最上方。按照出现的顺序自下而上排列。
空间的顺序还可能受到其他布局控件产生影响。

对齐、边距、填充、尺寸

对齐方式:
HorizontalAlignment:水平,可选的值有left和right以及center还有Stretch为自动调整控件宽度,使其接触到容器的左右边缘。
VerticalAlignment:竖直,同上。
边距:
这两个可以指定四个方向的值,也能只指定一个的值。
Margin:边缘外侧的留白,例如与窗口的边缘保持一定距离。
Padding:边缘内测的留白,用来指定控件内容与控件边缘的距离,例如按钮内的字与按钮的距离。

画布容器控件

Border控件

内含一个子对象,该对象充满整个控件。可以使用通用的控件属性Margin和Padding来调整边距。

Canvas

可以随意放置控件,对控件的位置没有任何影响。对齐属性VerticalAlignment和HorizontalAlignment不会产生影响。Canvas拥有自己的上下左右控制边距的附加属性来提供给子控件来使用,不推荐使用Margin属性。用来指定自身相对于容器的位置。
控制上下左右的属性是上和左优先级大于其他两个。同时出现,已前两个为主。

DockPane

控件贴靠到四条边中的任意一条,然后最后一个控件充满剩余的控件。
拥有一个让子控件指定停靠位置的附加属性,DockPanel.Dock,有上下左右四个属性值。

StackPanel

按照水平方向或者是竖直方向依次对子控件进行排列。

WrapPanel

和StackPanel相似,都是按方向排列的。但是不是严格上的一行一行的,而是按照可用空间的大小以多行多列来排列的。

Grid

网格布局,将控件的布局分为诺干行和诺干列,可以在网格布局中对齐控件。默认的容器。其中有附加属性可以提供给子控件来决定自己的位置。

相关文章

  • WPF-2.控件布局

    【注意:框架需要使用4.5以上,IDE需要2015】 堆叠顺序 类似于ps的图层的概念,下面的控件会被上层的控件遮...

  • UI

    1、布局线性布局 相对布局 框架布局 表格布局 2、控件 设置控件的可见性,使用的是setVisibility()...

  • Colum Row

    Row水平控件 Expanded 灵活布局(撑开) Column垂直布局控件 crossAxisAlignm...

  • 第四周笔记

    用户开发中的布局开发 布局和控件(完成UI设计) 涉及布局layout和控件View 线性布局和相对布局 显示文本...

  • 1.布局过程之测量阶段

    1.什么是布局过程 布局是计算控件大小和位置的过程。 布局过程分为两个阶段 测量阶段计算控件及其子控件的大小 布局...

  • Flutter 布局

    flutter布局 flutter部分分两种,一种是单个子控件的布局一种是多个子控件的布局 常用的单个子控件布局 ...

  • 学习WPF

    控件类型 大体可以分为6类1.布局控件可以容纳多个布局或者嵌套其他布局的控件,用于UI上组织和排列控件,其父类是P...

  • Android学习笔记(一)

    ★布局。 相对布局: *停靠父控件边界(boolean) layout_alignParentTop(停靠父控件上...

  • 创建自定义控件

    自定义控件 - 引入布局 常见控件和布局的继承结构 所有的控件都是直接或者间接继承于View所有的布局都是直接或者...

  • WPF路由

    举例:窗口-用户控件-布局控件-…-按钮 按钮的点击事件:先由按钮的Click相应,然后….,然后布局控件,然后用...

网友评论

      本文标题:WPF-2.控件布局

      本文链接:https://www.haomeiwen.com/subject/ijkksftx.html