让TextView的drawableLeft与文本一起居中显示

 TextView的drawableLeft、drawableRight和drawableTop是一个常用、好用的属性，可以在文本的上下左右放置一个图片，而不使用更加复杂布局就能达到，我也常常喜欢用RadioButton的这几个属性实现很多效果，但是苦于不支持让drawbleLeft与文本一起居中，设置gravity为center也无济于事，终于有空研究了一下，这里与大家一起分享。

 

声明

 

欢迎转载，请注明出处！

 

博客园：http://www.cnblogs.com/

 

农民伯伯： http://www.cnblogs.com/over140/

 

/**
 * drawableLeft与文本一起居中显示
 */
public class DrawableCenterTextView extends TextView {

    public DrawableCenterTextView(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
    }

    public DrawableCenterTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public DrawableCenterTextView(Context context) {
        super(context);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Drawable[] drawables = getCompoundDrawables();
        if (drawables != null) {
            Drawable drawableLeft = drawables[0];
            if (drawableLeft != null) {
                float textWidth = getPaint().measureText(getText().toString());
                int drawablePadding = getCompoundDrawablePadding();
                int drawableWidth = 0;
                drawableWidth = drawableLeft.getIntrinsicWidth();
                float bodyWidth = textWidth + drawableWidth + drawablePadding;
                canvas.translate((getWidth() - bodyWidth) / 2, 0);
            }
        }
        super.onDraw(canvas);
    }
}

 

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:drawableLeft="@drawable/pay_weixin"
        android:drawablePadding="10dp"
        android:textColor="@color/code08"
        android:textSize="16sp"
        android:text="微信支付" />