帶文字的ImageButton

要實現帶文字的ImageButton的方法很多，我這裡僅列舉一種方法：自訂一個繼承自ImageButton的類，然後Override它的onDraw(Canvas canvas)方法。

?public class MyImageButton extends ImageButton {
    private String text = null;  //要顯示的文字
    private int color;               //文字的顏色
    public MyImageButton(Context context, AttributeSet attrs) {
        super(context,attrs);
    }
    
    public void setText(String text){
        this.text = text;       //設定文字
    }
    
    public void setColor(int color){
        this.color = color;    //設定文字顏色
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint=new Paint();
        paint.setTextAlign(Paint.Align.CENTER);
        paint.setColor(color);
        canvas.drawText(text, 15, 20, paint);  //繪製文字
    }
 
}

 

下面進行測試，在布局檔案中定義兩個MyImageButton類型的控制項button01和button02

?<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <com.alex.layout.MyImageButton
    android:id="@+id/button01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_bg"
    />
  <com.alex.layout.MyImageButton
    android:id="@+id/button02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_bg"
    />
</LinearLayout>

 

最後在activity中分別設定button01和button02要顯示的文字和文字的顏色

?button01= (MyImageButton)findViewById(R.id.button01);
button01.setText("呵呵");
button01.setColor(Color.RED);
        
button02 = (MyImageButton)findViewById(R.id.button02);
button02.setColor(Color.BLUE);
button02.setText("哈哈");