ImageView 图片和 TextView 文字的底部对齐

2,503 阅读1分钟

有时我们需要做到大文字小图片在一行显示,并且图片跟文字的底部对齐,如图:

以 RelativeLayout 为例:

1. 当 ImageView 设置了 alignBottom 属性,对齐的方式是这样的:

可以看到 TextView 和 ImageView 的视图底部对齐了,但这不是我们要的效果;

2. 当 ImageView 设置了 alignBaseline 属性,对齐方式是这样的:

此时的 ImageView 顶部和 TextView 中文字的基线对齐了;

3. 此时我们设置 ImageView 的属性 android:baselineAlignBottom="true",让 ImageView 的基线对齐底部,再去设置 alignBaseline 就能看到正确的效果了。但要注意的一点是,如果 ImageView 的宽高不是 wrap_content 而是自定义宽高,ImageView 也会用原来图片的大小去对齐 TextView 的基线。