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

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

ImageView图片和TextView文字的底部对齐_第1张图片

以RelativeLayout为例:

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

ImageView图片和TextView文字的底部对齐_第2张图片

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

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

ImageView图片和TextView文字的底部对齐_第3张图片

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

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

你可能感兴趣的:(ImageView图片和TextView文字的底部对齐)