Android自定义button点击效果的两种方式

我们在界面上经常会用到button按钮,但通常button点击后看不到点击的效果,如果用户连续点击了两次,就会报NAR错误,这样交互性就比较差了。如果我们自定义了button点击效果,比如我们点击了button能让我们看到我们确实点击了button按钮,这样就会有效的避免重复点击了。
自定义点击效果有两种方式,一种是在xml中定义,另一种是在代码中定义。
首先看一下如何在xml中定义:
在drawable下新建selector.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

  <item android:drawable="@drawable/button_press" android:state_pressed="true"/>
  <item android:drawable="@drawable/button_nomal" android:state_focused="false" android:state_pressed="false"/>
  <item android:drawable="@drawable/button_focus" android:state_focused="true"/>
  <item android:drawable="@drawable/button_nomal" android:state_focused="false"/> 

</selector>

定义了两种状态:一种是按下  一种是获得焦点

drawable分别引用了这三张图片

然后在main.xml下添加button按钮

  <Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="button效果演示"
 android:background="@drawable/selector" />

在MainActivtiy中得到button

Button button1=(Button) this.findViewById(R.id.button1);
    button1.setOnClickListener(new View.OnClickListener() { 

      @Override
      public void onClick(View v) {
        // TODO Auto-generated method stub
        Toast.makeText(getApplicationContext(), "你点击了button按钮", Toast.LENGTH_SHORT).show();
      }
    });

下面看下点击效果:

点击button前:

当按下button按钮时:

接下来 看下第二种实现方式,在代码中实现:

首先在main.xml中添加:

   <Button
   android:id="@+id/button2"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="button效果演示"
   android:background="@drawable/button_nomal"/>

接下面在MainActivity中实现:

  Button button2=(Button) this.findViewById(R.id.button2);
    button2.setOnTouchListener(new OnTouchListener() { 

    @Override
    public boolean onTouch(View v, MotionEvent event) {
      // TODO Auto-generated method stub
      if(event.getAction()==MotionEvent.ACTION_DOWN){
        v.setBackgroundResource(R.drawable.button_press);
      }else if(event.getAction()==MotionEvent.ACTION_UP){
        v.setBackgroundResource(R.drawable.button_nomal);
      }
      return false;
    }
  });

在这类绑定了button的OnTouchListener监听,因为OnClickListener继承了OnTouchListener。运行效果和上面一样,这里不做过多解释。

以上就是Android自定义button点击效果实现方式的全部内容,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Android 自定义Button控件实现按钮点击变色

    效果图如下所示: 一.shape 样式:(在drawable新建-->new-->Drawable resource file 在父级标签selector添加Item ) <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item and

  • Android中button点击后字体的变色效果

    button的点击效果无疑是非常简单的,以致于我懒到当UI告诉我说在点击的时候button字体的颜色也要随着背景改变的时候我毫不犹豫的告诉他让他切两个图过来,后来想想着实是不太靠谱,于是了解了一下如何添加button点击的字体颜色变化效果. 1.首先你要在你的color文件下加入几个你需要的色值,注意不同的是不是一般的color标签,而是drawable标签,就像这样: <drawable name="color_red">#fffa3d39</drawable>

  • Android开发之创建可点击的Button实现方法

    本文实例讲述了Android创建可点击的Button实现方法.分享给大家供大家参考,具体如下: 感觉到自己有必要学习下手机开发方面的知识,不论是为了以后的工作需求还是目前的公司项目. 当然,任何新东西的开始,必然伴随着第一个HelloWorld,Android学习也不例外.既然才开始,我就不做过多的描述了. 对于Android开发的IDE:ADT来说,打开的第一眼有点迷糊,不过看了网上各种目录结构的介绍,慢慢的就明白了,做这个实例,我们尤其需要关注两个地方,一个是src目录,一个就是res目录下

  • Android 点击ImageButton时有“按下”的效果的实现

     Android 点击ImageButton时有"按下"的效果的实现 1为ImageButton添加图片后,有边框,看起来像是图片贴在了一个按扭上面,要多丑有多丑. 解决办法:ImageButton背景设为透明:#0000 2.使用Button时为了让用户有"按下"的效果,有两种实现方式: A. imageButton.setOnTouchListener(new OnTouchListener(){ @Override public boolean onTouch

  • Android开发设置RadioButton点击效果的方法

    本文实例讲述了Android开发设置RadioButton点击效果的方法.分享给大家供大家参考,具体如下: 在安卓开发中用到底部菜单栏 需要用到RadioButton这个组件 实际应用的过程中,需要对按钮进行点击,为了让用户知道是否点击可这个按钮,可以设置点击后 ,该按钮的颜色或者背景发生变化. layout中这部分的代码为: <RadioButton android:id="@+id/radio_button0" android:layout_height="fill

  • Android Button点击事件的四种实现方法

    Android中Button四种点击事件实现方式,具体内容如下 1.Xml添加监听属性,这里添加的doClick. <Button android:id="@+id/bt1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="doClick" android:text="XML添加d

  • Android实现点击Button产生水波纹效果

    先上图,看看接下来我要向大家介绍的是个什么东西,如下图: 接下来要介绍的就是如何实现上述图中的波纹效果,这种效果如果大家没有体验过的话,可以看看百度手机卫士或者360手机卫士,里面的按钮点击效果都是这样的,另外Android 5.0以上的版本也出现了这种效果.不多说,下面聊聊具体的怎么实现. 首先大家看到的是三个button,水波纹的出现给我们的错觉是直接将波纹绘制在button上面的,但是这样能做到吗?首先button自己有background和src,如果把半透明的水波纹当作backgrou

  • Android Button按钮的四种点击事件

    本文实例为大家分享了安卓Button按钮的四种点击事件,供大家参考,具体内容如下 第一种:内部类实现 1.xml里面先设置Button属性 <Button android:id="+@id/button1"; android:layout_width="wrap_parent"; android:layout_height="wrap_parent" android:text="按钮"/> 2.找到按钮 Butto

  • Android开发-之监听button点击事件的多种方法

    在Android下,事件的发生是在监听器下进行,android系统可以响应按键事件和触摸屏事件,本文主要介绍了button点击事件的方法 一.实现button点击事件的方法 实现button点击事件的监听方法有很多种,这里总结了常用的四种方法: 1.匿名内部类 2.外部类(独立类) 3.实现OnClickListener接口 4.添加XML属性 每一种方法都有它的优点也有它的不足,那么接下来就来详细的讲解这四个实现方法 二.具体实现 1.匿名内部类: 在Android开发中我们会经常看到各种匿名

  • Android悬浮按钮点击返回顶部FloatingActionButton

    先看一下Android悬浮按钮点击回到顶部的效果: FloatingActionButton是Design Support库中提供的一个控件,这个控件可以轻松实现悬浮按钮的效果 首先,要在项目中使用这个悬浮按钮就要先把design这个包导入项目 gradle中加入依赖 compile 'com.android.support:design:25.0.0' 接下来就是在xml中使用: 我这里是放置一个listView模拟返回顶部 <?xml version="1.0" encodi

随机推荐