羔羊引擎之相对布局的秘密

qq229449388

相对布局大部分人都听过，可是你们是否都清楚知道相对布局的所有秘密？下面我们用上一节的快捷拖拽窗口制作相对布局demo，直观感受一下相对布局，免费体验，不用谢我。



羔羊引擎跟大部分的引擎一样，也有常用的相对布局，这里给大家罗列一下常用的相对布局，并讲讲一些细节，这些内容不止在羔羊引擎是有效的，它是通用的

1、left相对左边布局，其实听起来是废话，因为设置x坐标也是相对左边布局，但是并不是没有的，作用请看第5条。另外大家要注意一点，如果只是相对左边，请直接设置x坐标，因为设置left引擎就会去进行布局计算，显然是浪费计算机的脑力。

2、right相对右边布局，不用多解释，就是设置对象右边界到容器右边的距离

3、top相对顶部距离，跟left一样，如果仅仅设置top，也是浪费脑力，直接设y就可以了，但是它也是有作用的，看第6条

4、bottom相对底部对齐，就是设置对象底部到容器底部的距离

5、同时设置left和right，想想满足这两个条件是什么情况，对了猜对了，你真聪明，就是拉伸宽度，让距离左边和距离右边同时满足

6、同时设置top和bottom，跟第5条类似，拉伸高度，让距离顶部和底部同时满足

7、verticalCenter（垂直居中）、horicalCenter（水平居中），设置为0则完全居中，水平居中大于0则往右偏移，垂直居中大于0则往下偏移。小于0就不用我说了吧。
8、percentWidth（百分比宽度）、percentHeight（百分比高度），就是让宽度和高度相对容器的宽度和高度的百分比来设置，一般设置背景常用

所有的相对功能，都是相对父级容器而言的，功能大概说完，可能大家都听过。下面说说要注意事项

1、记住设置宽高。既然是相对父级容器而言的相对布局，则父级容器最好是设置宽高，没有宽高则无法相对布局了，虽然内部可以根据容器内容计算宽度，大部分引擎都是没有排除使用相对布局的对象自身的，也就是没设置宽度有可能把自身也算进去，这样出现意想不到的错误

2、不要滥用相对布局。如果位置是固定的，因为既然提供功能，肯定底层有干活的，如果位置是固定的，意思就是让别人白干活

3、设置NaN清除相对布局。设置完相对布局的属性，但是某些时候又想不要了怎么办呢？根据flex惯例，把属性设置为NaN即可，这应该是公认的惯例，换成其他语言的引擎估计也有一个类似NaN的东西清除相对布局

4、x和y坐标会因为相对布局锁死。相对布局使用之后，x和y坐标会在触发相对布局之后自动算，也就是有相对布局的情况下，如果自己手痒又去手动设置x和y坐标，触发布局的时候，x和y坐标又会被底层运算给覆盖掉，有的引擎相对布局的时候，x和y坐标不能正常显示当前的坐标的，flex早些时候我使用也是不能正常显示当前的坐标的

5、相对布局有延时性。大一般相对布局都是组件触发布局刷新才执行计算的，而布局刷新则是延时执行的，延时的意思是触发的时候并不马上执行，会等到下一帧才执行，所以相对布局有延时性，如果有时候看到布局有一帧的跳动，又不想看到跳动，就只好手动执行刷新

lesson4.rar (1.4 KB, 下载次数: 0)

2017-11-16 01:49 上传

点击文件名下载附件