Android自定义TextView实现drawableLeft内容居中

如何实现使用TextView的DrawableLeft使图片和文字居中显示呢???

代码如下:

1.首先自定义一个类,继承TextView

package com.test.signcalendar.weight;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * 自定义TextView,实现drawableLeft可以和文字一起居中
 * @author HLQ
 * @createtime 2016年3月20日04:14:36
 *
 */
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);
  }
}

2.之后在xml布局文件中直接引用即可。。。

<com.test.signcalendar.weight.DrawableCenterTextView
          android:id="@+id/textView1111"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:drawableLeft="@drawable/fmhp_mine_health_plan_signcalendar_finish_status_bg"
          android:drawablePadding="5dp"//给图片和文字之间设置填充
          android:text="都完成"
          android:textColor="#333333"
          android:textSize="12sp" />

3。ok实现效果 如下。。。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!