Android Custom "picture + text" Control of the four methods of implementation of the two--------personal most recommended one

http://blog.csdn.net/yanzi1225627/article/details/8633872

The second method is to create a new image + text XML layout file, and then write a class that inherits from LinearLayout. Instantiate and set the corresponding parameters in the main program. This way is also my most recommended one.

The first part: Myimgbtn_layout.xml

[HTML]View Plaincopyprint?

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_width="fill_parent"
8. android:layout_height="fill_parent"
10. android:alpha="
12. android:background="#87CE"
14. android:orientation="vertical"
16. >
20. <ImageView
22. android:id="@+id/img"
24. android:layout_width="wrap_content"
26. android:layout_height="wrap_content"
28. android:layout_gravity="Center_horizontal"
30. android:paddingbottom="5dip"
32. android:paddingtop="5dip" />
34. <TextView
36. android:id="@+id/text"
38. android:layout_width="wrap_content"
40. android:layout_height="wrap_content"
42. android:textcolor="#FF6100"
44. android:textsize="30dip"
46. android:layout_gravity="center_vertical"/>
54. </linearlayout>

The second part, corresponding to the layout of the Myimgbtn.java file:

[Java]View Plaincopyprint?

2. Package yan.guoqi.testimgbtn;
6. Import Android.content.Context;
8. Import Android.graphics.Color;
10. Import Android.util.AttributeSet;
12. Import Android.view.LayoutInflater;
14. Import android.view.MotionEvent;
16. Import Android.view.View;
18. Import Android.view.View.OnTouchListener;
20. Import Android.widget.ImageView;
22. Import Android.widget.LinearLayout;
24. Import Android.widget.TextView;
28. Public class Myimgbtn extends LinearLayout {
32. private ImageView Mimgview = null;
34. private TextView Mtextview = null;
36. private Context Mcontext;
42. Public myimgbtn (context context, AttributeSet attrs) {
44. Super (context, attrs);
46. //TODO auto-generated constructor stub
48. Layoutinflater.from (context). Inflate (R.layout.myimgbtn_layout, this , true);
50. Mcontext = context;
52. Mimgview = (ImageView) Findviewbyid (r.id.img);
54. Mtextview = (TextView) Findviewbyid (R.id.text);
60. }
68. / * Set Picture interface * /
70. public void Setimageresource (int resId) {
72. Mimgview.setimageresource (RESID);
74. }
78. / * Set the Text interface * /
80. public void SetText (String str) {
82. Mtextview.settext (str);
84. }
86. / * Set the text size * /
88. public void settextsize (float size) {
90. Mtextview.settextsize (size);
92. }
102. /* Set Touch interface */
104. public void Setontouch (Ontouchlistener listen) {
106. Mimgview.setontouchlistener (listen);
108. Mtextview.setontouchlistener (listen);
110. //    }
114. }

The third part, the main layout main.xml:

[HTML]View Plaincopyprint?

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_width="fill_parent"
8. android:layout_height="fill_parent"
10. android:orientation="vertical"
12. android:background="@drawable/main_background2">
16. <TextView
18. android:layout_width="fill_parent"
20. android:layout_height="wrap_content"
22. android:text="@string/hello" />
24. <yan.guoqi.testimgbtn.MyImgBtn
26. android:id="@+id/myibtn_1"
28. android:layout_width="wrap_content"
30. android:layout_height="wrap_content"
32. android:layout_gravity="Center_horizontal"
34. android:clickable="true"
36. android:focusable="true"
38. />
42. </linearlayout>

Part IV, main program:

[Java]View Plaincopyprint?

2. Package yan.guoqi.testimgbtn;
6. Import android.app.Activity;
8. Import Android.os.Bundle;
10. Import Android.view.View;
12. Import Android.view.View.OnClickListener;
14. Import Android.widget.Toast;
18. Public class Testimgbtnactivity extends Activity {
22. private MYIMGBTN MyIBtn1 = null;
26. /** Called when the activity is first created. * /
28. @Override
30. public void OnCreate (Bundle savedinstancestate) {
32. super.oncreate (savedinstancestate);
34. Setcontentview (R.layout.main);
38. MYIBTN1 = (myimgbtn) Findviewbyid (r.id.myibtn_1);
40. Myibtn1.setimageresource (R.drawable.ic_launcher);
42. Myibtn1.settext ("Welcome");
44. Myibtn1.settextsize (24.0f);
46. //myibtn1.setontouch (New Myontouchlistener ());
48. Myibtn1.setonclicklistener (new Onclicklistener () {
52. public void OnClick (View arg0) {
54. //TODO auto-generated method stub
56. Toast.maketext (testimgbtnactivity. This,
58. "Hello",
60. Toast.length_short)
62. . Show ();
66. }
68. });
70. }
72. }

This method is straightforward and easy to understand with the first method of gallery. is to customize a class, although the first method does not use a custom class, but the gallery related adapter configuration and that view related if the first time will not be very accustomed. This effect is also good, the picture is not affixed. Especially suitable for doing that background is solid color, inside nested picture + text. IS 360 mobile phone security defender's main window, you can look down. It should be done in this way. In the ointment is, 360 mobile phone Security defender's main window, you click, the background will change. That means there's still a ontouchlistener missing, and I'll make it up later.

Android Custom "picture + text" Control of the four methods of implementation of the two--------personal most recommended one