zoukankan      html  css  js  c++  java
  • 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;
            }
        };
    }
    这样就可以了。
    另外,为了使“按钮”美观,大家在选择图片的时候,尽量选择长宽不一样的,适合需要的比例,这样配着文字,刚好可以使“按钮”呈正方形。
  • 相关阅读:
    大数据介绍
    Android系统手机端抓包方法
    svn warning W205000 :windows下 SVN idea 配置 代理配置
    idea tomcat 启动日志乱码
    翻译 API 一句话API
    git push proxy 取消不掉 can not prox....
    webpack+vue搭建vue项目
    java 多线程
    实时监听 JavaScript改变 input 值 input输入框内容 value 变化实时监听
    leetcode 数组
  • 原文地址:https://www.cnblogs.com/zhwl/p/2587625.html
Copyright © 2011-2022 走看看