美文网首页
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