首页 / ANDROID / Android开发 - 掌握ConstraintLayout（三）编辑器

Android开发 - 掌握ConstraintLayout（三）编辑器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Android开发 - 掌握ConstraintLayout（三）编辑器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1214字，纯文字阅读大概需要2分钟。

内容图文

从本篇博客开始我们开始介绍如何使用ConstraintLayout。
既然ConstraintLayout叫约束布局，首先我们先介绍什么叫约束（Constraints）：

约束（Constraints）

一个约束表示View之间的"布局约束"关系，以及约束的位置，类似RelativeLayout的"相对"概念。

编辑器介绍

在工程中我们新建一个布局activity_main.xml，整个界面如下：

技术分享图片

这是一个编辑器整体的界面，下面我们来介绍一些常用的功能：

  • 设计/文本视图

技术分享图片

左下角有视图切换的选项，通过这个选项我们可以切换设计/(代码)文本视图，传统在开发的过程中可能觉得设计视图并不常用，但是在使用ConstraintLayout时它确实很强大，反而可能很少用代码视图了。

  • 设计/蓝图

技术分享图片

这里我们可以看到左上角的按钮，这个是用来切换设计界面和蓝图界面的，通常我们需要两个界面都展示，这样我们可以更加清晰地看到各个View的约束。

  • 设备与分辨率适配

技术分享图片

这个功能我们可以切换横竖屏等UI的模式，这个功能也可以使我们方便的进行各种UI模式的适配。

技术分享图片

在这里我们可以预览当前布局在不同的分辨率下的效果，这个功能在适配的时候非常方便，这里提一下下面的Custom选项，这个功能允许我们将当前布局拖拽成任意的大小:

技术分享图片

  • 自动约束

技术分享图片

这个功能允许编辑器自动进行约束，当我们拖拽一个空间到视图中后，编辑器会自动为我们创建一个约束，可能很多时候我们并不需要自动约束，我们可以点击把它关闭。

  • 约束推断

技术分享图片

这个按钮类似PS的魔棒，它的功能是进行约束的推断，如图我拖拽了两个按钮到布局中，一开始并没有任何约束，当我点击了这个按钮后，自动为我生成了如图的约束。

代码视图

我们切换到代码视图：

技术分享图片

此时我们发现界面的哪些约束在代码中也仅仅增加了几行代码，用来表示当前的约束，仔细观察后我们发现其实都是toStartOf，toEndOf，toTopOf...，这些都是指定的当前View与其它View（或Parent）之间的关系，对比一下RelativeLayout，我们很容易就能明白。

如果当前没有任何约束的时候，我们观察代码：

技术分享图片

注意这些tools:xxx，只是表示View在编辑器的绝对位置，是用来我们设计(拖拽)时使用的。如果不添加约束，运行后只是显示在屏幕的左上角，重叠在一起。

总结

本文我们主要讲解了ConstraintLayout编辑器常用功能的使用。这些功能灵活且方便地帮助我们布局页面。下一篇：Android开发 - 使用ConstraintLayout（四）创建基本约束我们将介绍使用基本的约束。

本文地址，如有更多疑问，请参考我的其它Android相关博客：我的博客地址

原文：https://www.cnblogs.com/lloyd-zh/p/9888987.html

内容总结

以上是互联网集市为您收集整理的Android开发 - 掌握ConstraintLayout（三）编辑器全部内容，希望文章能够帮你解决Android开发 - 掌握ConstraintLayout（三）编辑器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1116718.html

来源：【匿名】