Android 使用 ConstraintLayout 使多个控件水平/垂直方向对齐

由于 Android 官方文档写得不够详细，所以我发帖补充一下。

两个控件垂直对齐的效果图.png

那么问题来了，如何实现这种垂直对齐的效果呢？步骤如下：

  • 1.创建 ConstraintLayout 布局文件之后，添加两个控件，如图：
image.png
  • 2.点击 TextView 并按住顶边上的锚点，将其向上拖动，直至其贴靠到布局顶部，然后将其释放。如图：
点击 TextView 并按住顶边上的锚点.png
将 TextView 顶边的锚点 ⬆️ 拖动之后的效果.png

  • 3.点击右侧 Button 并按住左边的锚点，将其向左拖动到 TextView 的右侧锚点。如图：


    将 Button 左边的锚点 ⬅️ 拖动之后的效果图.png

  • 4.点击 TextView 然后右击，选中 Show baseline，因为 TextView 的 gravity 默认值为 top，因此其 baseline 也靠近顶部，如图：

TextView Show baseline.png

  • 5.设置 TextView 的 gravity 为 center。

  • 6.点击 Button 然后右击，选中 Show baseline，拖动 Button 的 baseline 连接到 TextView 的 baseline，如图：

两个控件垂直对齐的效果图1.png

目前 Button 的 layout_height 为 wrap_content，有点看不出两个控件垂直对齐的效果，修改 Button 的 layout_height 为 70dp，效果如图：

两个控件垂直对齐的效果图2.png

最后附上最终的代码截图：

final.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容