android 按钮 图片文字居中显示,自定义Button（drawableLeft与文本一起居中显示）

很多控件(比如TextView／Button...)可以使用drawableLeft／drawableRight等,但是使用的时候发现文本和图片总是不能一起居中显示，所以下面提供一种解决方案，这里以Button／drawable Left为例：

使用步骤：

自定义Button

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.drawable.Drawable;

import android.util.AttributeSet;

/**

* Created by Administrator on 2017/4/8.

*/

/**

* drawableRight与文本一起居中显示

*

*

*/

class DrawableLeftCenterButton extends android.support.v7.widget.AppCompatButton {

public DrawableLeftCenterButton(Context context, AttributeSet attrs) {

super(context, attrs);

}

@Override

protected void onDraw(Canvas canvas) {

canvas = getTopCanvas(canvas);

super.onDraw(canvas);

}

private Canvas getTopCanvas(Canvas canvas) {

Drawable[] drawables = getCompoundDrawables();

if (drawables == null) {

return canvas;

}

Drawable drawable = drawables[0];// 左面的drawable

if (drawable == null) {

drawable = drawables[2];// 右面的drawable

}

// float textSize = getPaint().getTextSize(); // 使用这个会导致文字竖向排下来

float textSize = getPaint().measureText(getText().toString());

int drawWidth = drawable.getIntrinsicWidth();

int drawPadding = getCompoundDrawablePadding();

float contentWidth = textSize + drawWidth + drawPadding;

int leftPadding = (int) (getWidth() - contentWidth);

setPadding(0, 0, leftPadding, 0); // 直接贴到左边

float dx = (getWidth() - contentWidth) / 2;

canvas.translate(dx, 0);// 往右移动

return canvas;

}

}

在布局文件中使用：

和普通button一样使用