Android带文字的ImageButton实现

Question

转：天狼星主

Android带文字的ImageButton实现

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

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

1. 01 <LinearLayout
3. 02         android:layout_width="wrap_content"
5. 03         android:layout_height="wrap_content"
7. 04         android:orientation="vertical"
9. 05         android:id="@+id/bt">  
11. 06         <ImageView
13. 07             android:id="@+id/ib"
15. 08             android:layout_width="wrap_content"
17. 09             android:layout_height="wrap_content"
19. 10             android:src="@drawable/ringlove"
21. 11             android:background="#00000000"
23. 12         />  
25. 13         <TextView
27. 14             android:id="@+id/tv"
29. 15             android:layout_width="wrap_content"
31. 16             android:layout_height="wrap_content"
33. 17             android:text="@string/cs"
35. 18             android:paddingLeft="20px"
37. 19         />  
39. 20 </LinearLayout>

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

1. 01 package com.droidX.wcs233;  
3. 02   
5. 03 import android.app.Activity;  
7. 04 import android.graphics.Color;  
9. 05 import android.os.Bundle;  
11. 06 import android.view.MotionEvent;  
13. 07 import android.view.View;  
15. 08 import android.view.View.OnClickListener;  
17. 09 import android.view.View.OnTouchListener;  
19. 10 import android.widget.LinearLayout;  
21. 11 import android.widget.Toast;  
23. 12   
25. 13 public class testActivity extends Activity {  
27. 14     LinearLayout m_ll;  
29. 15     /** Called when the activity is first created. */
31. 16     @Override
33. 17     public void onCreate(Bundle savedInstanceState) {  
35. 18         super.onCreate(savedInstanceState);  
37. 19         setContentView(R.layout.main);  
39. 20         m_ll=(LinearLayout)findViewById(R.id.bt);  
41. 21         m_ll.setClickable(true);  
43. 22         m_ll.setOnClickListener(ocl);  
45. 23         m_ll.setOnTouchListener(otl);  
47. 24     }  
49. 25        
51. 26     public OnClickListener ocl=new OnClickListener() {  
53. 27            
55. 28         @Override
57. 29         public void onClick(View v) {  
59. 30             // TODO Auto-generated method stub  
61. 31             Toast.makeText(getApplicationContext(), "yes", Toast.LENGTH_SHORT).show();  
63. 32         }  
65. 33     };  
67. 34        
69. 35     public OnTouchListener otl=new OnTouchListener() {  
71. 36            
73. 37         @Override
75. 38         public boolean onTouch(View v, MotionEvent event) {  
77. 39             // TODO Auto-generated method stub  
79. 40             if(event.getAction()==MotionEvent.ACTION_DOWN)  
81. 41             {  
83. 42                 m_ll.setBackgroundColor(Color.rgb(127,127,127));  
85. 43             }  
87. 44             else if(event.getAction()==MotionEvent.ACTION_UP)  
89. 45             {  
91. 46                 m_ll.setBackgroundColor(Color.TRANSPARENT);  
93. 47             }  
95. 48             return false;  
97. 49         }  
99. 50     };  
101. 51 }

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