android控件---自定义带文本的ImageButton

由于SDK提供的ImageButton只能添加图片，不能添加文字；而Button控件添加的文字只能显示在图片内部；当我们需要添加文字在图片外部时就不能满足我们的需求了，顾只能自己写个自定义ImageButton。说是ImageButton，其实并不是继承于ImageButton，而是从LinearLayout继承，由于LinearLayout是线性排列，通过setOrientation(LinearLayout.VERTICAL)的方式达到View垂直排列的目的，所以很简单，只需要添加两个View：一个ImageView和一个TextView即可。代码如下：

package com.example.adtest;

import android.content.Context;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class ImageButtonEx extends LinearLayout {

private ImageView _imageView = null;
private TextView _textView = null;

public ImageButtonEx(Context context){
super(context);
}

public ImageButtonEx(Context context, int imageResId, int textResId) {
super(context);
// TODO Auto-generated constructor stub

_imageView = new ImageView(context);
_textView = new TextView(context);

_imageView.setImageResource(imageResId);
_textView.setText(textResId);

_imageView.setPadding(0, 0, 0, 0);
_textView.setPadding(0, 0, 0, 0);

setClickable(true);
setFocusable(true);
setBackgroundResource(android.R.drawable.btn_default);
setOrientation(LinearLayout.VERTICAL);

addView(_imageView);
addView(_textView);
}

public void setBtnText(CharSequence text)
{
_textView.setText(text);
}

}

添加一个LinearLayout作为ImageButtonEx的容器。

<LinearLayout
android:id="@+id/llImageBtnEx"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"/>

然后再Activity中添加调用代码：

package com.example.adtest;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

public class MainActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

final ImageButtonEx imageBtnEx = new ImageButtonEx(this, R.drawable.icon, R.string.hello_world);

imageBtnEx.setOnClickListener(new Button.OnClickListener(){

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
imageBtnEx.setBtnText("已经点击过了");
}});

LinearLayout llimageBtnEx = (LinearLayout)findViewById(R.id.llImageBtnEx);
llimageBtnEx.addView(imageBtnEx);

}

}