TextView的drawableLeft、drawableRight和drawableTop是一個常用、好用的屬性，可以在文字的上下左右放置一個圖片，而不使用更加複雜佈局就能達到，我也常常喜歡用RadioButton的這幾個屬性實現很多效果，但是苦於不支援讓drawbleLeft與文字一起居中，設定gravity為center也無濟於事，終於有空研究了一下，這裡與大家一起分享。

佈局XML

1. <com.assistant.expand.customview.DrawableCenterButton
2.                         android:gravity
   ="left|center_vertical"
3.                         android:drawableLeft="@drawable/icon_erweima"
4.                         android:drawablePadding="5dp"
5.                 android:id="@+id/btn_scale"
6.                 android:layout_width="fill_parent"
7.                 android:layout_height="fill_parent"
8.                 android:background
   ="@android:color/transparent"
9.                 android:singleLine="true"
10.                 android:text="掃描二維碼簽到"
11.                 android:textColor="@color/color_button2"
12.                 android:textSize="17sp"/>

1. /** 
2.  * drawableLeft與文字一起居中顯示 
3.  *  
4.  *  
5.  */
6. publicclass DrawableCenterTextView extends
    TextView {  
7.     public DrawableCenterTextView(Context context, AttributeSet attrs,  
8.             int defStyle) {  
9.         super(context, attrs, defStyle);  
10.     }  
11.     public DrawableCenterTextView(Context context, AttributeSet attrs) {  
12.         super(context, attrs);  
13.     }  
14.     public DrawableCenterTextView(Context context) {  
15.         super(context);  
16.     }  
17.     @Override
18.     protectedvoid onDraw(Canvas canvas) {  
19.         Drawable[] drawables = getCompoundDrawables();  
20.         if (drawables != null) {  
21.             Drawable drawableLeft = drawables[0];  
22.             if (drawableLeft != null) {  
23.                 float textWidth = getPaint().measureText(getText().toString());  
24.                 int drawablePadding = getCompoundDrawablePadding();  
25.                 int drawableWidth = 0;  
26.                 drawableWidth = drawableLeft.getIntrinsicWidth();  
27.                 float bodyWidth = textWidth + drawableWidth + drawablePadding;  
28.                 canvas.translate((getWidth() - bodyWidth) / 2, 0);  
29.             }  
30.         }  
31.         super.onDraw(canvas);  
32.     }  
33. }  

下面是用Button的Right 例子

1. /** 
2.  * drawableRight與文字一起居中顯示 
3.  *  
4.  *  
5.  */
6. publicclass DrawableCenterButton extends Button {  
7.     public DrawableCenterButton(Context context) {  
8.         super(context);  
9.         // TODO Auto-generated constructor stub
10.     }  
11.     public DrawableCenterButton(Context context, AttributeSet attrs,  
12.     int defStyle) {  
13.         super(context, attrs, defStyle);  
14.     }  
15.     public DrawableCenterButton(Context context, AttributeSet attrs) {  
16.         super(context, attrs);  
17.     }  
18.     @Override
19.     protectedvoid onDraw(Canvas canvas) {  
20.         Drawable[] drawables = getCompoundDrawables();  
21.         if (drawables != null) {  
22.             Drawable drawableLeft = drawables[2];  
23.                 if (drawableLeft != null) {  
24.                 float textWidth = getPaint().measureText(getText().toString());  
25.                 int drawablePadding = getCompoundDrawablePadding();  
26.                 int drawableWidth = 0;  
27.                 drawableWidth = drawableLeft.getIntrinsicWidth();  
28.                 float bodyWidth = textWidth + drawableWidth + drawablePadding;  
29.                 setPadding(0, 0, (int)(getWidth() - bodyWidth), 0);  
30.                 canvas.translate((getWidth() - bodyWidth) / 2, 0);  
31.             }  
32.         }  
33.         super.onDraw(canvas);  
34.     }  
35. }