两个控件垂直对齐的效果图.png由于 Android 官方文档写得不够详细,所以我发帖补充一下。
那么问题来了,如何实现这种垂直对齐的效果呢?步骤如下:
- 1.创建 ConstraintLayout 布局文件之后,添加两个控件,如图:
- 2.点击 TextView 并按住顶边上的锚点,将其向上拖动,直至其贴靠到布局顶部,然后将其释放。如图:
-
3.点击右侧 Button 并按住左边的锚点,将其向左拖动到 TextView 的右侧锚点。如图:
将 Button 左边的锚点 ⬅️ 拖动之后的效果图.png -
4.点击 TextView 然后右击,选中
Show baseline
,因为 TextView 的gravity
默认值为top
,因此其baseline
也靠近顶部,如图:
-
5.设置 TextView 的
gravity
为center
。 -
6.点击 Button 然后右击,选中
Show baseline
,拖动 Button 的baseline
连接到 TextView 的baseline
,如图:
目前 Button 的 layout_height
为 wrap_content
,有点看不出两个控件垂直对齐的效果,修改 Button 的 layout_height
为 70dp,效果如图:
最后附上最终的代码截图:
final.png
网友评论