Android带文字的ImageButton实现

 

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

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

 

01	<LinearLayout

02	android:layout_width="wrap_content"

03	android:layout_height="wrap_content"

04	android:orientation="vertical"

05	android:id="@+id/bt">

06	<ImageView

07	android:id="@+id/ib"

08	android:layout_width="wrap_content"

09	android:layout_height="wrap_content"

10	android:src="@drawable/ringlove"

11	android:background="#00000000"

12

/>

13

<TextView

14	android:id="@+id/tv"

15	android:layout_width="wrap_content"

16	android:layout_height="wrap_content"

17	android:text="@string/cs"

18	android:paddingLeft="20px"

19

/>

20	</LinearLayout>

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

 

01	package com.droidX.wcs233;

02

03	import android.app.Activity;

04	import android.graphics.Color;

05	import android.os.Bundle;

06	import android.view.MotionEvent;

07	import android.view.View;

08	import android.view.View.OnClickListener;

09	import android.view.View.OnTouchListener;

10	import android.widget.LinearLayout;

11	import android.widget.Toast;

12

13	public class testActivity extends Activity {

14	LinearLayout m_ll;

15	/** Called when the activity is first created. */

16

@Override

17	public void onCreate(Bundle savedInstanceState) {

18	super.onCreate(savedInstanceState);

19	setContentView(R.layout.main);

20	m_ll=(LinearLayout)findViewById(R.id.bt);

21	m_ll.setClickable(true);

22	m_ll.setOnClickListener(ocl);

23	m_ll.setOnTouchListener(otl);

24

}

25

26	public OnClickListener ocl=new OnClickListener() {

27

28

@Override

29	public void onClick(View v) {

30	// TODO Auto-generated method stub

31	Toast.makeText(getApplicationContext(), "yes", Toast.LENGTH_SHORT).show();

32

}

33

};

34

35	public OnTouchListener otl=new OnTouchListener() {

36

37

@Override

38	public boolean onTouch(View v, MotionEvent event) {

39	// TODO Auto-generated method stub

40	if(event.getAction()==MotionEvent.ACTION_DOWN)

41

{

42	m_ll.setBackgroundColor(Color.rgb(127,127,127));

43

}

44	else if(event.getAction()==MotionEvent.ACTION_UP)

45

{

46	m_ll.setBackgroundColor(Color.TRANSPARENT);

47

}

48	return false;

49

}

50

};

51

}

这样就可以了。

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