零基础进阶篇-017-布局元素

易团雪

布局元素
布局元素大家可以看作是一个盒子或者房子，可以往里面存放很多东西。如房子里面放了衣柜，衣柜里面放了衣服等。并且整齐排列。这里的房子就好比布局元素->衣柜(布局元素)->衣服(其他元素)
注意：
1.使用布局元素后放到里面的其他元素坐标将不可用，因为已经被布局元素控制
2.使用布局元素后工具栏的对齐相关功能将不可用
3.设置了布局宽度和布局高度属性后元素的宽度高度属性将不可用
接下我们一起看看布局元素的神奇之处，来简单的模仿一下ide的界面

上图我们可以看作是5大块，上左中右下5个区域
1.添加5大区域布局

首先设置窗口的启用布局和覆盖窗口边框为：真
1.上布局设置：布局宽度=填充父，高度=60，如默认的话则为坐标的宽度
2.中布局设置：布局宽度=填充父，高度=占用剩于空间
3.下布局设置：布局宽度=填充父，高度=26
4.中布局左设置：布局宽度=%20(百分比)，高度=填充父
5.中布局中设置：布局宽度=%60(百分比)，高度=填充父
6.中布局左设置：布局宽度=%20(百分比)，高度=填充父
以上一个整体布局就完成了
2.上布局(标题栏)
这里我们去掉窗口样式的标题样式
1.标题栏布局设置：布局宽度=%80(百分比)，高度=30，内填充：45,0,0,0(左边45是为了把图标留出来)
一.这里放一个形状文本代替菜单,
二.按钮
三.标题文本
2.工具条布局设置：布局宽度=填充父，高度=占用剩于空间，项换行=真

剩于的留给大家练习吧！偷懒一下
下面是梦总的视频教程
https://www.bilibili.com/video/B ... b7177ece06943d6efd3