Android TextView前加图标垂直居中第一行(仿大众点评购买须知/提示语)


如上图,需求在每条提示语句前加一个小圆点,我刚看到需求就想到用 android:drawableLeft 来做,可做完发现:当TextView内容为单行的时候是没有问题的,多行的时候,添加的这个drawableLeft就随着TextView高度而垂直居中了,变成下面的样子

Android TextView前加图标垂直居中第一行(仿大众点评购买须知/提示语)_第1张图片

看了下发现android:drawableLeft & android:drawableRight 是始终垂直居中于高度的

翻来翻去没有找到解决方法,就决定用简单粗暴的方法:

布局:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/act_item_experience_datail_tip_layout"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:background="@color/black"
              android:orientation="horizontal">
    <ImageView
        android:id="@+id/tip_img"
        android:layout_width="wrap_content"
        android:src="@mipmap/tip_left"
        android:layout_height="match_parent"/>
    <TextView
        android:id="@+id/tip_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/gold"/>
</LinearLayout>


margin、lineSpacingExtra这些随喜好设置



LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
            lp.setMargins(0, (int)(mTipText.getLineHeight()*0.5), 0, 0);
            mTipImageView.setLayoutParams(lp);

通过mTipText.getLineHeight() 来获得TextView的行高,再设置行高的一半Margin就能得到下面的效果

(注:如果设置了Padding或者Margin,mTipText.getLineHeight()*0.5 这就不一定是行高的一半(0.5)了,慢慢调整,设置过Padding和Margin后,会大于0.5)



你可能感兴趣的:(Android TextView前加图标垂直居中第一行(仿大众点评购买须知/提示语))