安卓开发学习之014 Button应用详解（样式、背景、按钮单击、长按、双击、多击事件）

一、Button简介

按钮也是继承自TextView

二、XML定义方法

  1. <Button
  2.             android:id="@+id/button01"
  3.             android:layout_width="wrap_content"
  4.             android:layout_height="wrap_content"
  5.             android:text="Button_Click"/>

id设置按钮唯一编号
text设置按钮上显示的文本

三、设置按钮背景图片

使用background属性设置背景图片

  1.  <!-- 背景设置-->
  2.     <Button
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:background="@mipmap/yxs"
  6.         android:text="Background"/>

四、设置样式

主要是定义按钮三种状态下分别对应的背景样式
默认状态、获得焦点（android:state_focused=“true”）、
按下时（android:state_pressed=“true”）

  1.  <!-- 使用单一shape定义样式-->
  2.         <Button
  3.             android:layout_width="wrap_content"
  4.             android:layout_height="wrap_content"
  5.             android:background="@drawable/bg_border"
  6.             android:text="Button_Shape"/>
  8.         <!-- 使用selector定义样式,其中包括三种状态下的shape-->
  9.         <Button
  10.             android:layout_width="wrap_content"
  11.             android:layout_height="wrap_content"
  12.             android:background="@drawable/button_selector"
  13.             android:text="Button_Selector1"/>
  15.         <!-- 使用selector定义样式,其中包括三种状态下所使用的图片-->
  16.         <Button
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="wrap_content"
  19.             android:background="@drawable/selector_button_start"
  20.             android:text="Button_Selector2"/>

三个文件drawable文件代码如下：

1.res/drawable/bg_border.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  3.        android:shape="rectangle">
  5.     <!-- 圆角 -->
  6.     <corners
  7.         android:radius="10dp"/>
  8.     <!-- 设置圆角半径 -->
  10.     <!-- 渐变 -->
  11.     <gradient
  13.         android:centerColor="#00ff00"
  14.         android:endColor="#0000ff"
  15.         android:startColor="#ff0000"
  16.         android:type="linear"
  17.         />
  19.     <!-- 间隔 -->
  20.     <padding
  21.         android:bottom="2dp"
  22.         android:left="2dp"
  23.         android:right="2dp"
  24.         android:top="2dp"/>
  25.     <!-- 各方向的间隔 -->
  27.     <!-- 大小 -->
  28.     <size
  29.         android:width="50dp"
  30.         android:height="50dp"/>
  31.     <!-- 宽度和高度 -->
  33.     <!-- 填充 -->
  34.     <!--<solid-->
  35.     <!--android:color="@android:color/white"/>-->
  36.     <!-- 填充的颜色 -->
  38.     <!-- 描边 -->
  39.     <stroke
  40.         android:width="2dp"
  41.         android:color="#f0f"
  42.         />
  44. </shape>

2.res/drawable/button_selector.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector
  3.     xmlns:android="http://schemas.android.com/apk/res/android">
  4.     <!--按下时样式-->
  5.     <item android:state_pressed="true">
  6.         <shape>
  7.             <!-- 描边 -->
  8.             <stroke
  9.                 android:width="2dp"
  10.                 android:color="#fad3cf"/>
  11.             <solid android:color="#87CEFF"/>
  12.             <padding
  13.                 android:bottom="10dp"
  14.                 android:left="10dp"
  15.                 android:right="10dp"
  16.                 android:top="10dp"/>
  17.             <!--  圆角 -->
  18.             <corners
  19.                 android:bottomLeftRadius="10dp"
  20.                 android:bottomRightRadius="10dp"
  21.                 android:topLeftRadius="10dp"
  22.                 android:topRightRadius="10dp"/>
  23.         </shape>
  24.     </item>
  26.     <!-- 获得焦点时样式-->
  27.     <item android:state_focused="true">
  28.         <shape>
  29.             <gradient
  30.                 android:angle="270"
  31.                 android:centerColor="#00ff00"
  32.                 android:endColor="#ffc2b7"
  33.                 android:startColor="#f0f"
  34.                 android:type="sweep"/>
  35.             <stroke
  36.                 android:width="2dp"
  37.                 android:color="#dcdcdc"/>
  38.             <corners
  39.                 android:bottomLeftRadius="10dp"
  40.                 android:bottomRightRadius="10dp"
  41.                 android:topLeftRadius="10dp"
  42.                 android:topRightRadius="10dp"/>
  43.             <padding
  44.                 android:bottom="10dp"
  45.                 android:left="10dp"
  46.                 android:right="10dp"
  47.                 android:top="10dp"/>
  48.         </shape>
  49.     </item>
  50.     <!-- 默认样式-->
  51.     <item>
  52.         <shape>
  53.             <!--  渐变 -->
  54.             <gradient
  55.                 android:centerColor="#00ff00"
  56.                 android:endColor="#FFFFFF"
  57.                 android:startColor="#ff8c00"
  58.                 android:type="linear"/>
  59.             <!-- 描边 -->
  60.             <stroke
  61.                 android:width="2dp"
  62.                 android:color="#dcdcdc"
  63.                 android:dashGap="3dp"
  64.                 android:dashWidth="5dp"/>
  65.             <!--  圆角 -->
  66.             <corners
  67.                 android:bottomLeftRadius="10dp"
  68.                 android:bottomRightRadius="10dp"
  69.                 android:topLeftRadius="10dp"
  70.                 android:topRightRadius="10dp"/>
  71.             <padding
  72.                 android:bottom="10dp"
  73.                 android:left="10dp"
  74.                 android:right="10dp"
  75.                 android:top="10dp"/>
  76.             <!--<solid android:color="#ffc2b7"/>-->
  77.         </shape>
  78.     </item>
  80. </selector>

效果如下：


3.res/drawable/selector_button_start.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
  3.     <item android:drawable="@mipmap/search_bar_edit_pressed" android:state_pressed="true"/>
  4.     <item android:drawable="@mipmap/button_start_click" android:state_focused="true"/>
  5.     <item android:drawable="@mipmap/search_bar_edit_normal"></item>
  6. </selector>

四、按钮点击事件的处理方式

按钮点击有四种处理方法。
第一种是通过onClick属性，通过这个属性设置处理点击事件的方法名，在Activity中实现这个方法。
第二种是典型的事件监听机制setOnClickListener的应用形式，下面详细说明这四种方法。

1.通过onClick属性设置处理方法

　　在XML布局文件中设置Button的属性：
　　android:onClick=”yourMethodName”
　　然后在该布局文件对应的Acitivity中实现该方法：
需要注意的是这个方法必须符合三个条件：
1.public
2.返回void
3.只有一个参数View，这个View就是被点击的这个控件。
也可为多个Button设置同一个方法名，然后在方法内使用switch方法判断点击的是哪个按钮

如下：

  1. <Button
  2.             android:layout_width="wrap_content"
  3.             android:layout_height="wrap_content"
  4.             android:background="@drawable/button_selector"
  5.             android:onClick="MyClick"
  6.             android:text="Button_onClick"/>
  8. java代码中
  10.     /**
  11.      * 在XML中配置置android:onClick="MyClick"
  12.      * 必须设置为public void
  13.      */
  15.     public void MyClick(View view) {
  16. //        switch (view.getId())
  17. //        {
  18. //           //TODO
  19. //        }
  20.         Toast.makeText(ButtonActivity.this, "android:onClick=\"MyClick\"", Toast.LENGTH_SHORT)
  21.                 .show();
  22.     }

2.使用setOnClickListener添加监听器对象

  1. Button button01 = (Button) findViewById(R.id.button01);
  2.         //短按点击事件监听
  4.         button01.setOnClickListener(new View.OnClickListener() {
  5.             @Override
  6.             public void onClick(View v) {
  7.                 Toast.makeText(ButtonActivity.this, "OnClickListener", Toast.LENGTH_SHORT).show();
  8.             }
  9.         });

此种方法还有几个变种:
1.自定义类实现OnClickListener接口

  1. //自定义类实现OnClickListener接口
  2.     private MyOnClickListener mOnClickListener = new MyOnClickListener();
  4.     private class MyOnClickListener implements View.OnClickListener {
  6.         @Override
  7.         public void onClick(View v) {
  8.             switch (v.getId()) {
  9.                 //TODO
  10.             }
  11.         }
  12.     }
  13. 然后调用
  14. button01.setOnClickListener(mOnClickListener);
  15. button02.setOnClickListener(mOnClickListener);

此种方法的好处是当多个按钮要处理的事件逻辑是一样的话，不用每个按钮都写一个setOnClickListener监听事件，并实现Onclick方法

2.使Activity实现OnClickListener接口,并在Activity中实现Onclick方法

  1. public class ButtonActivity extends AppCompatActivity implements View.OnClickListener{
  2.  @Override
  3.         public void onClick(View v) {
  4.             switch (v.getId()) {
  5.                 //TODO
  6.             }
  7.         }
  8. }

3.长按事件监听

  1. //长按(长按2秒以上)点击事件监听
  2.         button01.setOnLongClickListener(new View.OnLongClickListener() {
  3.             @Override
  4.             public boolean onLongClick(View v) {
  5.                 Toast.makeText(ButtonActivity.this, "OnLongClickListener", Toast.LENGTH_SHORT)
  6.                         .show();
  7.                 return true;
  8.             }
  9.         });

五、双击事件判定

主要代码如下

  1.     private static int DOUBLE_CLICK_TIME = 1000;
  2.     private List<Long> times = new ArrayList<>();
  3.     private Handler mHandler = new Handler();
  5.     private Runnable r;
  7.   /**双击事件判断*/
  8.     private boolean isDoubleClick() {
  9.         if (times.size() == 2) {
  10.             //已经完成了一次双击，list可以清空了
  11.             if (times.get(times.size() - 1) - times.get(0) < DOUBLE_CLICK_TIME) {
  12.                 times.clear();
  13.                 Toast.makeText(ButtonActivity.this, "双击", Toast.LENGTH_SHORT).show();
  14.                 if (mHandler != null) {
  15.                     if (r != null) {
  16.                         //移除回调
  17.                         mHandler.removeCallbacks(r);
  18.                         r = null;
  19.                     }
  20.                 }
  21.                 return true;
  22.             } else {
  23.                 //这种情况下，第一次点击的时间已经没有用处了，第二次就是“第一次”
  24.                 times.remove(0);
  25.             }
  27.         }
  28.         //此处可以添加提示
  29.         //showTips();
  30.         r = new Runnable() {
  31.             @Override
  32.             public void run() {
  33.                 Toast.makeText(ButtonActivity.this, "单击", Toast.LENGTH_SHORT).show();
  34.             }
  35.         };
  36.         //DOUBLE_CLICK_TIME时间后提示单击事件
  37.         mHandler.postDelayed(r, DOUBLE_CLICK_TIME);
  38.         return false;
  39.     }

使用方法：在onClick（View v）方法中调用

  1.  Button button02 = (Button) findViewById(R.id.button02);
  2.         button02.setOnClickListener(new View.OnClickListener() {
  3.             @Override
  4.             public void onClick(View v) {
  5.                 times.add(SystemClock.uptimeMillis());
  7.                 isDoubleClick();
  9.             }
  10.         });

六、多击事件

  1.  /**多击事件判断*/
  3.     private boolean isMultiClick() {
  4.         int size = times.size();
  6.         //处理多击事件
  7.         if (size > 1) {
  9.             if (times.get(size - 1) - times.get(size - 2) < DOUBLE_CLICK_TIME) {
  10.                 Toast.makeText(ButtonActivity.this, size + "连击", Toast.LENGTH_SHORT).show();
  11.                 if (mHandler != null) {
  12.                     if (r != null) {
  13.                         //移除回调
  14.                         mHandler.removeCallbacks(r);
  15.                     }
  16.                 }
  17.                 return true;
  18.             } else {
  19.                 //这种情况下，以前存储的点击的时间已经没有用处了，最后一次就是“第一次”
  20.                 long oldtime = times.get(size - 1);
  21.                 times.clear();
  22.                 times.add(oldtime);
  23.             }
  25.         }
  26.         //此处可以添加提示
  27.         //showTips();
  28.         r = new Runnable() {
  29.             @Override
  30.             public void run() {
  31.                 Toast.makeText(ButtonActivity.this,"单击", Toast.LENGTH_SHORT).show();
  32.             }
  33.         };
  34.         //DOUBLE_CLICK_TIME时间后提示单击事件
  35.         mHandler.postDelayed(r, DOUBLE_CLICK_TIME);
  36.         return false;
  37.     }

效果如下：

开发工具：Android Studio1.4
SDK: Android 6.0
API 23

代码下载：Button.zip

版权声明：本文为博主原创文章，如需转载请注明来源。

Android按钮的各个样式设置的更多相关文章

  1. 改变Android按钮背景颜色的高效方法

    本文将介绍一种有效改变Android按钮颜色的方法. 按钮可以在状态改变时改变其颜色(例如按下,禁用,高亮显示).但是,这需要一一说明每个状态.这篇文章将提供你一个根据状态变化轻松改变按钮颜色的方法. ...

  2. 【Android 应用开发】Android - 按钮组件详解

    总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN :  http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...

  3. 安卓 ToolBar 颜色样式设置

    设置Toolbar弹出菜单的字体颜色和背景颜色,包括三个点菜单颜色和返回图标的颜色. 布局文件xml <LinearLayout xmlns:android="http://schem ...

  4. Android - 按钮组件详解

    总结了Android中常用的按钮用法 示例源码下载地址 : -- CSDN :  http://download.csdn.net/detail/han1202012/6852091 -- GitHu ...

  5. Asp.Net中应用Aspose.Cells输出报表到Excel 及样式设置

    解决思路: 1.找个可用的Aspose.Cells(有钱还是买个正版吧,谁开发个东西也不容易): 2.在.Net方案中引用此Cells: 3.写个函数ToExcel(传递一个DataTable),可以 ...

  6. 关于java中JButton的样式设置（的一些我们应该知道的函数）（转）

    1. 对JButton大小的设置 ——因为JButen是属于小器件类型的,所以一般的setSize不能对其惊醒大小的设置,所以一般我们用 button.setPreferredSize(new Dim ...

  7. Android 自定义RadioButton的样式

    Android 自定义RadioButton的样式 我们知道Android控件里的button,listview可以用xml的样式自定义成自己希望的漂亮样式. 最近用到RadioButton,利用xm ...

  8. PowerDesigner的样式设置

    原文:PowerDesigner的样式设置 PD提供了强大的配置功能,可以对生成的数据库对象命名.数据模型的展现进行设置.这里首先讲下样式的设置. 颜色和字体设置 1.单独设置某个对象的颜色和字体 1 ...

  9. Android中实现全屏、无标题栏的两种办法（另附Android系统自带样式的解释）

    在进行UI设计时,我们经常需要将屏幕设置成无标题栏或者全屏.要实现起来也非常简单,主要有两种方法:配置xml文件和编写代码设置. 1.在xml文件中进行配置 在项目的清单文件AndroidManife ...

随机推荐

  1. CVE-2016-4758: UXSS in Safari's showModalDialog

    I would like to share about details of Safari's UXSS bug(CVE-2016-4758). This bug was fixed in Safar ...

  2. 23.mysql集群(master-master)

    参考: http://blog.csdn.net/mr__fang/article/details/8692480 http://www.2cto.com/database/201201/116756 ...

  3. Lua热更系统

    1.介绍 使用脚本开发游戏业务逻辑其中一个好处就是代码可线上热更,不停机修复bug.而热更代码的写法与需要被热更的文件的代码又有着密切的关系,本文介绍一种热更方法. 2.热更原理 Lua提供一个叫re ...

  4. About next_permutation

    哈哈没错这个又是我们C++党的语言优势之一,用这个函数可以求当前排序的下一个排序,也就是说可以方便的求全排列,用这个函数需要用到algorithm这个头文件. 与这个函数相反的是prev_permut ...

  5. MyBatis 简介

    MyBatis的前身叫iBatis,本是apache的一个开源项目, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis ...

  6. Android判断GPS是否开启和强制帮用户打开GPS

    引子:在我们的应用为用户提供定位服务时,通常想为用户提供精确点的定位服务,这是需要用户配合的.我们必须先检测用户手机的GPS当前是否打开,若没打开则弹出对话框提示.用户若不配合我们也没办法,只能采用基 ...

  7. PPTP协议

    PPTP协议 PPTP(Point-to-Point Tunneling Protocol)点对点隧道协议是PPP协议的一种扩展,它将PPP帧封装进IP包中,通过IP网络进行传输.它通过PPTP控制连 ...

  8. memset函数

    函数介绍 void *memset(void *s, int ch, size_t n); 函数解释:将s中前n个字节 (typedef unsigned int size_t )用 ch 替换并返回 ...

  9. 菜鸟学自动化测试（一）---- selenium IDE

    http://www.cnblogs.com/fnng/archive/2011/10/23/2222157.html

  10. spring-boot启动信息中non-fatal error

    java.lang.ClassNotFoundException: org.springframework.data.web.config.EnableSpringDataWebSupport缺少依赖 ...