带文字的ImageButton

来源：互联网发布：做淘宝要怎么做编辑：程序博客网时间：2024/06/10 16:30

要实现带文字的ImageButton的方法很多，我这里仅列举一种方法：自定义一个继承自ImageButton的类，然后Override它的onDraw(Canvas canvas)方法。

?
public class MyImageButtonextends 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("哈哈");