【Tips】神奇的Guideline完美解决各种适配和各种布局嵌套

ConstraintLayout约束布局出来有一段时间了,新的项目中布局也在用,对各种控件的约束确定实用,但是感觉平平.最戳中我的G点的还是当中的Guideline

传统方式

布局适配最开始的时候是各种weight,比重是实现了但导致LinearLayout各种嵌套层级越来越深,不易维护又影响性能。
后来还有有过百分比布局和HongYang的AutoLayout,但是相比而言Guiline高效又实用,堪称神器。



有这样的效果图,传统情况下一个大布局套左右两个小布局,两个小布局又有放置相应的控件可能还会发生嵌套,而且UI妹子要个小布局都把图切出来。

Guideline方式
  • UI妹子把整体的布局直接切给你,不用再每个小布局都切出来
  • 根据内容拉出几根横竖的Guideline,
Paste_Image.png

注意一定要是半分比形式的,默认是距离左边和上边的固定形式。点击线的头
部,点击一次变成距离右边或下边的形式,再点击一次就会变成百分比的形式

  • 拖了数个横竖的Guideline后,界面的整体框架就会出来了,再根据需要把相应的控件约束到对应Guideline上。


  • 由于Guideline是根据百分比平分界面的,控件又约束于这些Guideline。也就完成了适配。
    几种分辨率的效果
480*800
1440*2560
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容