Customize Imagetextbutton with pictures and text

Today we talk about the problem of custom control, today, this is from the layout of the custom start, the difficulty is not very difficult, a look at it, estimated that some students or developers to see that this way superfluous, but small series I do not think so, more than a solution, more than a extrapolate of learning. Next time, or in a few days, I'm going to start with a custom property, using attributes in a layout file, and I want to be able to help you with an article about custom controls.


now it's time to start customizing the implementation of Imagetextbutton with pictures and text.

As follows:

First step: Create a new Image_text_buttton.xml layout file for your custom control to use

[HTML]View PlainCopy

2. <? XML version="1.0" encoding="Utf-8"?>
4. < LinearLayout xmlns:android="Http://schemas.android.com/apk/res/android"
6. android:layout_width="Wrap_content"
8. android:layout_height="Wrap_content"
10. android:orientation="vertical" >
14. < ImageView
16. android:id="@+id/iv"
18. android:layout_width="Wrap_content"
20. android:layout_height="Wrap_content"
22. android:layout_gravity="Center_horizontal"
24. android:layout_margintop="12DP" />
28. < TextView
30. android:id="@+id/tv"
32. android:layout_width="Wrap_content"
34. android:layout_height="Wrap_content"
36. android:layout_gravity="Center_horizontal"
38. android:layout_margintop="8DP"
40. Android:textcolor="#000000" />
44. </ LinearLayout >

Step Two: Customize a class Imagetextbutton inherit LinearLayout

[Java]View PlainCopy

2. Package Net.loonggg.itbd.view;
6. Import NET.LOONGGG.ITBD.R;
8. Import Android.content.Context;
10. Import Android.util.AttributeSet;
12. Import Android.view.LayoutInflater;
14. Import Android.widget.ImageView;
16. Import Android.widget.LinearLayout;
18. Import Android.widget.TextView;
22. public class Imagetextbutton extends LinearLayout {
24. Private ImageView IV;
26. Private TextView TV;
30. Public Imagetextbutton (Context context) {
32. Super (context);
34. }
38. Public Imagetextbutton (context context, AttributeSet Attrs) {
40. Super (context, attrs);
42. Layoutinflater.from (context). Inflate (R.layout.image_text_buttton, this,
44. true);
46. IV = (ImageView) Findviewbyid (R.ID.IV);
48. TV = (TextView) Findviewbyid (r.id.tv);
50. }
54. public void Setdefaultimageresource (int resId) {
56. Iv.setimageresource (RESID);
58. }
62. public void Setdefaulttextviewtext (String text) {
64. Tv.settext (text);
66. }
70. /**
72. * @param resId
74. */
76. public void Setimageresource (int resId) {
78. Iv.setimageresource (RESID);
80. }
84. /**
86. * @param text
88. */
90. public void Settextviewtext (String text) {
92. Tv.settext (text);
94. }
98. /**
100. * @param color
102. */
104. public void SetTextColor (int color) {
106. Tv.settextcolor (color);
108. }
112. }

Step Three: Use of custom controls in layout file Activity_main.xml

[HTML]View PlainCopy

2. < Relativelayout xmlns:android="Http://schemas.android.com/apk/res/android"
4. xmlns:tools="Http://schemas.android.com/tools"
6. android:layout_width="Match_parent"
8. android:layout_height="Match_parent"
10. Android:paddingbottom="@dimen/activity_vertical_margin"
12. android:paddingleft="@dimen/activity_horizontal_margin"
14. android:paddingright="@dimen/activity_horizontal_margin"
16. android:paddingtop="@dimen/activity_vertical_margin"
18. Tools:context=". Mainactivity " >
22. < Net.loonggg.itbd.view.ImageTextButton
24. android:id="@+id/itb"
26. android:layout_width="Wrap_content"
28. android:layout_height="wrap_content" />
32. </ Relativelayout >

Fourth step: use in Activiy

[Java]View PlainCopy

2. public class Mainactivity extends Activity {
4. Private Imagetextbutton ITB;
8. @Override
10. protected void OnCreate (Bundle savedinstancestate) {
12. Super.oncreate (savedinstancestate);
14. Setcontentview (R.layout.activity_main);
18. ITB = (Imagetextbutton) Findviewbyid (R.ID.ITB);
20. Itb.setimageresource (r.drawable.sure);
22. Itb.settextviewtext ("OK");
24. }
28. }

Customize Imagetextbutton with pictures and text