Android 自定义标签 Imagebutton实现ImageButton里放置文字

1 .android的ImageButton标签是没有text属性的,那么我们要在一个ImageButton里放置文字怎么办呢?

先上效果图如下:


如果我们不设置背景效果如下:但是给人的感觉就行分离的两个组件:


我们可以继承LinearLayout自定义标签:ImageButton_define.java

package com.test;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class ImageButton_define extends LinearLayout {
	
	private  ImageView   imageViewbutton;
	
	private  TextView   textView;

	public ImageButton_define(Context context,AttributeSet attrs) {
		super(context,attrs);
		// TODO Auto-generated constructor stub
		
		imageViewbutton = new ImageView(context, attrs);
		
		imageViewbutton.setPadding(0, 0, 0, 0);
		
		textView =new TextView(context, attrs);
		//水平居中
		textView.setGravity(android.view.Gravity.CENTER_HORIZONTAL);
		
		textView.setPadding(0, 0, 0, 0);
		
		setClickable(true);
		
		setFocusable(true);
		
		setBackgroundResource(android.R.drawable.btn_default);
		
		setOrientation(LinearLayout.VERTICAL);
		
		addView(imageViewbutton);
		
		addView(textView);
		
	}

}

2。接下来定义布局文件:

这个不就文件使用的标签就是我们上面自定义的标签:如下:text.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
    <com.test.ImageButton_define
        android:id="@+id/define_iamgebutton"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:src="@drawable/android"
        android:background="#00000000" 
        android:text="图片文本" 
        android:textColor="#cc0000"
        >
    </com.test.ImageButton_define>
  	
  </LinearLayout>

之后我们定义个activity,引入我们定义的布局文件资源:ImageButton_de.java

package com.test;

import android.app.Activity;
import android.os.Bundle;

public class ImageButton_de extends Activity {
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		
		setContentView(R.layout.test);
	}

}

方法二:

定义布局文件:

<Button 
       android:id="@+id/button_text"
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"
       android:text="标题"
       android:drawableLeft="@drawable/android"
    />

运行效果:


转载于:https://my.oschina.net/amigos/blog/59751

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现一个图片按钮,你可以使用 Android 中的 ImageButton 控件。ImageButton 控件是 Button 控件的子类,它允许你在按钮中显示一个图像。 如果你想要自定义 ImageButton 控件,可以创建一个继承自 ImageButton 的子类,并重写其中的方法。下面是一个 Android 自定义 ImageButton 的示例代码: ``` public class CustomImageButton extends ImageButton { public CustomImageButton(Context context) { super(context); } public CustomImageButton(Context context, AttributeSet attrs) { super(context, attrs); } public CustomImageButton(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 在这绘制你自己的图像 // 例如,你可以使用 Canvas 对象来绘制一个圆形图像 Paint paint = new Paint(); paint.setAntiAlias(true); paint.setColor(Color.BLUE); canvas.drawCircle(getWidth() / 2, getHeight() / 2, getWidth() / 2, paint); } } ``` 在这个示例中,我们创建了一个名为 `CustomImageButton` 的子类,并重写了其中的 `onDraw` 方法。在 `onDraw` 方法中,我们使用 Canvas 对象来绘制一个蓝色的圆形图像。你可以根据自己的需求来绘制其它的图像。 要在布局文件中使用这个自定义 ImageButton,你可以像使用普通的 ImageButton 一样,使用完全限定的类名来引用它: ``` <com.example.myapplication.CustomImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/my_image" /> ``` 在这个示例中,我们使用 `com.example.myapplication.CustomImageButton` 来引用我们自己定义的 ImageButton 控件。我们也指定了 `android:src` 属性来设置 ImageButton 中显示的图像。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值