美文网首页
ConstraintLayout约束布局

ConstraintLayout约束布局

作者: Method | 来源:发表于2021-01-05 21:43 被阅读0次

是什么

Goodle推出的一种布局,可以减少布局层次,重点可以进行拖拽的约束布局。

怎么用

操作界面

screen_view.png draw_view.png

把现有的布局转成约束布局

在 Component Tree 窗口中,右键点击该布局,然后点击 Convert layout to ConstraintLayout。

创建约束布局的规则

  • 每个视图都必须至少有两个约束条件:一个水平约束条件,一个垂直约束条件
  • 横向的约束点只能约束在其他view的左右约束点,同理垂直方向只能约束在其他view上下的约束点上。
  • 每个约束句柄只能用于一个约束条件,但您可以在同一定位点上创建多个约束条件(从不同的视图

删除约束

按住Ctrl 将鼠标放到约束线删除

del.gif

设置控件尺寸 0dp(match_parent、wrap_content、精确值)

size_view.gif

百分比布局

percent.gif

添加参考线

guideline.gif

添加“墙”

barrier.gif

设置Group

将多个view设置成一组,能同时对组里的view显示或隐藏

group.gif

相关文章

网友评论

      本文标题:ConstraintLayout约束布局

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