轻松实现带文字的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("哈哈");