首先要清楚两个概念:控件和部件。label,button这种叫做控件,horizontalLayout,vertivalLayout这种叫做部件,控件包含在部件中。
其次,我们来看具体步骤:
1.提前做好规划,布局要求不能太凌乱,要横竖方向有序排列,使控件尽量在同一水平线或同一垂直线上,这样有利于后续把它们归纳到同一部件中,减少工作量且使布局清晰简约;
2.同类控件放到同一个部件中。
比如这里,把连接相机、显示、定位三个btn视为同类控件,选中,点击工具栏中的水平布局;然后再选中该verticalLayout,会出现:
关键点就在于这个layoutstretch,它表示从上到下(从左到右)各控件所占的空间大小的比列,如果是0,0,0表示三个控件各三分之一;如果是1,2,3表示比例为1:2:3;然后可能会发现整个控件缩小了,你把它拖拽到合适的大小就可以了。
3.接下来按照从少至多的原则,先把左上角的两个label按照2中的方法包含到一个verticalLayout中,此时又可以把这两个verticalLayout看作两个部件,按照同样的方法将它们包含到一个大的verticalLayout中去;依次做其它的控件。
最后的效果图如下:
注意右侧的对象和类表,每一个部件控件都有对应的布局,不存在红色叉叉的情况。这就是完美的布局了。