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 ;
        }
    };
}

这样就可以了。

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