Android带文字的ImageButton实现

实际上,ImageButton是不能添加文字的,所以我选择将ImageView控件和TextView控件封装在一个LinearLayout里面,整个LinearLayout就是一个按钮,然后对它监听单击等动作。
首先贴上layout.xml里面的布局设计:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:id="@+id/bt">
        <ImageView
            android:id="@+id/ib"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ringlove"
            android:background="#00000000"
        />
        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/cs"
            android:paddingLeft="20px"
        />
</LinearLayout>
然后是java代码实现:(注意,m_ll.setClickable(true);这句一定不能少
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
package com.droidX.wcs233;
  
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.LinearLayout;
import android.widget.Toast;
  
public class testActivity extends Activity {
    LinearLayout m_ll;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        m_ll=(LinearLayout)findViewById(R.id.bt);
        m_ll.setClickable(true);
        m_ll.setOnClickListener(ocl);
        m_ll.setOnTouchListener(otl);
    }
      
    public OnClickListener ocl=new OnClickListener() {
          
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Toast.makeText(getApplicationContext(), "yes", Toast.LENGTH_SHORT).show();
        }
    };
      
    public OnTouchListener otl=new OnTouchListener() {
          
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            // TODO Auto-generated method stub
            if(event.getAction()==MotionEvent.ACTION_DOWN)
            {
                m_ll.setBackgroundColor(Color.rgb(127,127,127));
            }
            else if(event.getAction()==MotionEvent.ACTION_UP)
            {
                m_ll.setBackgroundColor(Color.TRANSPARENT);
            }
            return false;
        }
    };
}
这样就可以了。
另外,为了使“按钮”美观,大家在选择图片的时候,尽量选择长宽不一样的,适合需要的比例,这样配着文字,刚好可以使“按钮”呈正方形。
原文地址:https://www.cnblogs.com/zhwl/p/2587625.html