Android DrawableTextView圖片文字居中顯示

Android DrawableTextView圖片文字居中顯示。在我們開發中，TextView設置android:drawableLeft一定使用的非常多，但Drawable和Text同時居中顯示可能不好控制，有沒有好的辦法解決呢?

我的方案是通過自定義TextView實現。

實現的效果圖：

注：第一行為原生TextView添加android:drawableLeft

第二行為自定義TextView實現的效果。

實現思路：

繼承TextView,覆蓋onDraw(Canvas canvas),在onDraw中先將canvas進行translate平移，再調用父類onDraw進行繪制。

package com.xing.drawabletextview;
 
import android.content.Context;
 
import android.graphics.Canvas;
 
import android.graphics.drawable.Drawable;
 
import android.util.AttributeSet;
 
import android.widget.TextView;
 
/**
 
* Created by Administrator on 2017/2/28.
 
*/
 
public class DrawableTextView extends TextView {
 
public DrawableTextView(Context context) {
 
this(context, null);
 
}
 
public DrawableTextView(Context context, AttributeSet attrs) {
 
this(context, attrs, 0);
 
}
 
public DrawableTextView(Context context, AttributeSet attrs, int defStyleAttr) {
 
super(context, attrs, defStyleAttr);
 
}
 
@Override
 
protected void onDraw(Canvas canvas) {
 
// getCompoundDrawables() : Returns drawables for the left, top, right, and bottom borders.
 
Drawable[] drawables = getCompoundDrawables();
 
// 得到drawableLeft設置的drawable對象
 
Drawable leftDrawable = drawables[0];
 
if (leftDrawable != null) {
 
// 得到leftDrawable的寬度
 
int leftDrawableWidth = leftDrawable.getIntrinsicWidth();
 
// 得到drawable與text之間的間距
 
int drawablePadding = getCompoundDrawablePadding();
 
// 得到文本的寬度
 
int textWidth = (int) getPaint().measureText(getText().toString().trim());
 
int bodyWidth = leftDrawableWidth + drawablePadding + textWidth;
 
canvas.save();
 
canvas.translate((getWidth() - bodyWidth) / 2, 0);
 
}
 
super.onDraw(canvas);
 
}
 
}

<linearlayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="horizontal">

        <com.xing.drawabletextview.drawabletextview
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:drawableleft="@drawable/ic_one"
            android:drawablepadding="10dp"
            android:gravity="center_vertical"
            android:text="21">

            <com.xing.drawabletextview.drawabletextview
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawableleft="@drawable/ic_two"
                android:drawablepadding="10dp"
                android:gravity="center_vertical"
                android:text="99">

                <com.xing.drawabletextview.drawabletextview
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:drawableleft="@drawable/ic_three"
                    android:drawablepadding="10dp"
                    android:gravity="center_vertical"
                    android:text="99+">
                </com.xing.drawabletextview.drawabletextview>
            </com.xing.drawabletextview.drawabletextview>
        </com.xing.drawabletextview.drawabletextview>
    </linearlayout>