轻松实现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
  
<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" 
    />  

最后在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("哈哈");
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ImageButton控件本身是没有设置文字的功能的,因为它的作用是展示一个图片,而不是文字。但是你可以通过在布局文件中将一个TextView控件与ImageButton控件放在一起,从而实现ImageButton上显示文字的效果。具体做法如下: 1. 在布局文件中,使用一个LinearLayout或RelativeLayout等布局容器,将TextView和ImageButton放在一起。 2. 在TextView中设置要显示的文字,例如: ``` <TextView android:id="@+id/btn_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮文字" android:textColor="@android:color/black" android:textSize="16sp" /> ``` 3. 在ImageButton中设置要显示的图片,例如: ``` <ImageButton android:id="@+id/btn_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/btn_image" /> ``` 4. 调整布局容器和TextView的位置、大小等属性,使其与ImageButton对齐,例如: ``` <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/btn_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮文字" android:textColor="@android:color/black" android:textSize="16sp" android:layout_centerVertical="true" android:layout_alignParentLeft="true" android:layout_marginLeft="10dp" /> <ImageButton android:id="@+id/btn_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/btn_image" android:layout_centerVertical="true" android:layout_alignParentRight="true" android:layout_marginRight="10dp" /> </RelativeLayout> ``` 这样,就可以在ImageButton上显示文字了。当然,你也可以通过编程的方式来实现,比如在ImageButton的onClick事件中设置TextView的文字等。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值