drawableRight可以居中的TextView

我们都知道TextView可以设置drawableLeft/Right/Top/Bottom, 然后会显示在文本的对应一侧。但是为啥没有drawableCenter呢。比如下面这种控件,即便设置了gravity为center,小箭头依然还是会在最右边,但是我希望的是文本和箭头一起均匀的居中(网上全是drawableLeft和文本居中的例子,drawableRight居中还稍有不同)。
image.png

怎么办呢,可以用TextView和ImageView组合。而这里我们可以自定义控件,重写TextView的onDraw方法,重新绘制就可以了。
要使得drawableRight和文本紧挨着就只能设置gravity为Gravity.RIGHT了,然后要让他们居中就在onDraw时将画布平移至合适的位置。效果如下


image.png

代码:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.support.v7.widget.AppCompatTextView;

/**
 * 文字和drawableRight一起居中的TextView
 *
 */
public class RightDrawableCenterTextView extends AppCompatTextView {
    public RightDrawableCenterTextView(Context context) {
        this(context, null);
    }

    public RightDrawableCenterTextView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RightDrawableCenterTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        setGravity(Gravity.CENTER | Gravity.RIGHT);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Drawable[] drawables = getCompoundDrawables();
        Drawable drawable = drawables[2];
        if (drawable != null) {
            float textWidth = getPaint().measureText(getText().toString());
            int drawablePadding = getCompoundDrawablePadding();
            int drawableWidth = drawable.getMinimumWidth();
            float bodyWidth = textWidth + drawableWidth + drawablePadding + getPaddingLeft() + getPaddingRight();
            canvas.translate((bodyWidth - getWidth()) / 2, 0);
        }
        super.onDraw(canvas);
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,761评论 0 17
  • Android功能强大,界面华丽,但是众多的布局属性就害苦了开发者,下面这篇文章结合了网上不少资料.第一类:属性值...
    HangChen阅读 5,051评论 0 24
  • RelativeLayout 第一类:属性值为true可false android:layout_centerHr...
    兀兀沙弥阅读 3,068评论 0 15
  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 6,289评论 1 38
  • 转自:http://www.jianshu.com/p/a3014f8442b0 一、简介不论在学习Android...
    TTTqiu阅读 513评论 0 2