Android自定义“图片+文字”控件四种实现方法之 二--------个人最推荐的一种

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

第二种方法也要新建一个图片+文字的xml布局文件，然后写一个类继承自LinearLayout。在主程序里实例化并设置相应参数。这种方式也是我最推荐的一种。

第一部分：myimgbtn_layout.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:alpha="20"
6. android:background="#87CE"
7. android:orientation="vertical"
8. >
9. <ImageView
10. android:id="@+id/img"
11. android:layout_width="wrap_content"
12. android:layout_height="wrap_content"
13. android:layout_gravity="center_horizontal"
14. android:paddingBottom="5dip"
15. android:paddingTop="5dip" />
16. <TextView
17. android:id="@+id/text"
18. android:layout_width="wrap_content"
19. android:layout_height="wrap_content"
20. android:textColor="#FF6100"
21. android:textSize="30dip"
22. android:layout_gravity="center_vertical"/>
23. </LinearLayout>

第二部分，与之布局相对应的MyImgBtn.java 文件：

1. package yan.guoqi.testimgbtn;
2. import android.content.Context;
3. import android.graphics.Color;
4. import android.util.AttributeSet;
5. import android.view.LayoutInflater;
6. import android.view.MotionEvent;
7. import android.view.View;
8. import android.view.View.OnTouchListener;
9. import android.widget.ImageView;
10. import android.widget.LinearLayout;
11. import android.widget.TextView;
12. public class MyImgBtn extends LinearLayout {
13. private ImageView mImgView = null;
14. private TextView mTextView = null;
15. private Context mContext;
16. public MyImgBtn(Context context, AttributeSet attrs) {
17. super(context, attrs);
18. // TODO Auto-generated constructor stub
19. LayoutInflater.from(context).inflate(R.layout.myimgbtn_layout, this, true);
20. mContext = context;
21. mImgView = (ImageView)findViewById(R.id.img);
22. mTextView = (TextView)findViewById(R.id.text);
23. }
24. /*设置图片接口*/
25. public void setImageResource(int resId){
26. mImgView.setImageResource(resId);
27. }
28. /*设置文字接口*/
29. public void setText(String str){
30. mTextView.setText(str);
31. }
32. /*设置文字大小*/
33. public void setTextSize(float size){
34. mTextView.setTextSize(size);
35. }
36. //     /*设置触摸接口*/
37. //    public void setOnTouch(OnTouchListener listen){
38. //        mImgView.setOnTouchListener(listen);
39. //        //mTextView.setOnTouchListener(listen);
40. //    }
41. }

第三部分，主布局main.xml:

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:orientation="vertical"
6. android:background="@drawable/main_background2">
7. <TextView
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. android:text="@string/hello" />
11. <yan.guoqi.testimgbtn.MyImgBtn
12. android:id="@+id/MyIBtn_1"
13. android:layout_width="wrap_content"
14. android:layout_height="wrap_content"
15. android:layout_gravity="center_horizontal"
16. android:clickable="true"
17. android:focusable="true"
18. />
19. </LinearLayout>

第四部分，主程序：

1. package yan.guoqi.testimgbtn;
2. import android.app.Activity;
3. import android.os.Bundle;
4. import android.view.View;
5. import android.view.View.OnClickListener;
6. import android.widget.Toast;
7. public class TestImgBtnActivity extends Activity {
8. private MyImgBtn MyIBtn1 = null;
9. /** Called when the activity is first created. */
10. @Override
11. public void onCreate(Bundle savedInstanceState) {
12. super.onCreate(savedInstanceState);
13. setContentView(R.layout.main);
14. MyIBtn1 = (MyImgBtn)findViewById(R.id.MyIBtn_1);
15. MyIBtn1.setImageResource(R.drawable.ic_launcher);
16. MyIBtn1.setText("欢迎光临");
17. MyIBtn1.setTextSize(24.0f);
18. //MyIBtn1.setOnTouch(new MyOnTouchListener());
19. MyIBtn1.setOnClickListener(new OnClickListener() {
20. public void onClick(View arg0) {
21. // TODO Auto-generated method stub
22. Toast.makeText(TestImgBtnActivity.this,
23. "您好",
24. Toast.LENGTH_SHORT)
25. .show();
26. }
27. });
28. }
29. }

这种方法很直观简单，与之第一种用Gallery方法而言更容易理解。就是自定义一个类，第一种方法虽然不用自定义类，但是Gallery相关的适配器配置和那个View相关的如果第一次会不大习惯。这种效果也不错，图就不贴了。尤其适合做那种背景是纯色，里面嵌套图片+文字。就是360手机安全卫士的主窗口，大家可以看下。应该就是为这种方式做的。美中不足的是，360手机安全卫士的主窗口里，你点击一下，背景会变。也就是说这还缺少个onTouchListener，稍后我补上。