【Android】自定义控件让TextView的drawableLeft与文本一起居中显示

Dear 丶 2022-08-05 07:26 131阅读 0赞

**转载自：[点击打开链接][Link 1]**

**前言**

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

**声明**

欢迎转载，请注明出处！

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

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

**正文**

一、效果图

![08221020-8d285ead3bd7425f9f5eccd67cb918f5.png][]

二、实现代码

自定义控件

![复制代码][copycode.gif]

/\*\*   
 \* drawableLeft与文本一起居中显示  
 \*   
 \*  @author  农民伯伯  
 \*  @see   http://www.cnblogs.com/over140/p/3464348.html   
 \*   
  \*/  
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);  
    \}  
\}

![复制代码][copycode.gif]

和普通TextView用法一致，无需额外增加属性。

2013-12-13 注意，drawableRight不管用！感谢网友提醒，后续有进展了再更新文章。

**结束**

那些让你难受的技术问题一定要找时间想办法摆平TA！

[Link 1]: http://www.cnblogs.com/over140/p/3464348.html
[08221020-8d285ead3bd7425f9f5eccd67cb918f5.png]: /images/20220805/591c251f527d4e81974dc1a80bf50a67.png
[copycode.gif]: /images/20220805/31b97e5eb6df48dbbcfd44a844561441.png