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;

		}

	};

}

这样就可以了。

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