Android带文字的ImageButton实现

实际上，ImageButton是不能添加文字的，所以我选择将ImageView控件和TextView控件封装在一个LinearLayout里面，整个LinearLayout就是一个按钮，然后对它监听单击等动作。

首先贴上layout.xml里面的布局设计：

<LinearLayout
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:orientation="vertical"
    	android:id="@+id/bt">
    	<ImageView
    		android:id="@+id/ib"
    		android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    		android:src="@drawable/ringlove"
    		android:background="#00000000"
    	/>
    	<TextView
    		android:id="@+id/tv"
    		android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    		android:text="@string/cs"
    		android:paddingLeft="20px"
    	/>
</LinearLayout>

然后是java代码实现：（注意，m_ll.setClickable(true);这句一定不能少）

package com.droidX.wcs233;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.LinearLayout;
import android.widget.Toast;

public class testActivity extends Activity {
	LinearLayout m_ll;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        m_ll=(LinearLayout)findViewById(R.id.bt);
        m_ll.setClickable(true);
        m_ll.setOnClickListener(ocl);
        m_ll.setOnTouchListener(otl);
    }
    
    public OnClickListener ocl=new OnClickListener() {
		
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			Toast.makeText(getApplicationContext(), "yes", Toast.LENGTH_SHORT).show();
		}
	};
	
	public OnTouchListener otl=new OnTouchListener() {
		
		@Override
		public boolean onTouch(View v, MotionEvent event) {
			// TODO Auto-generated method stub
			if(event.getAction()==MotionEvent.ACTION_DOWN)
			{
				m_ll.setBackgroundColor(Color.rgb(127,127,127));
			}
			else if(event.getAction()==MotionEvent.ACTION_UP)
			{
				m_ll.setBackgroundColor(Color.TRANSPARENT);
			}
			return false;
		}
	};
}

这样就可以了。

另外，为了使“按钮”美观，大家在选择图片的时候，尽量选择长宽不一样的，适合需要的比例，这样配着文字，刚好可以使“按钮”呈正方形。