Android自定义控件之自定义TextView,实现drawableLeft可以和文字一起居中

LZ-Says:给大家推荐一个网站,有兴趣可以查阅,想为大家贡献一点自己的力量也可以投稿,老大审核通过会发表,更好的帮助有需要的人~欢迎大家踊跃投稿~地址如下:
http://www.123si.org/android

如何实现使用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实现效果 如下。。。

这里写图片描述

真是会者不难,,,难者不会。。。

你可能感兴趣的:(Eclipse,Era(遥望,Eclipse,时代))