Android之Button自定义点击效果

简介:
        我们在界面上经常会用到button按钮,但通常button点击后看不到点击的效果,如果用户连续点击了两次,就会报NAR错误,这样交互性就比较差了。如果我们自定义了button点击效果,比如我们点击了button能让我们看到我们确实点击了button按钮,这样就会有效的避免重复点击了。

              自定义点击效果有两种方式,一种是在xml中定义,另一种是在代码中定义。

             首先看一下如何在xml中定义:

             在drawable下新建selector.xml文件:

         

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.   
  4.     <item android:drawable="@drawable/button_press" android:state_pressed="true"/>  
  5.     <item android:drawable="@drawable/button_nomal" android:state_focused="false" android:state_pressed="false"/>  
  6.     <item android:drawable="@drawable/button_focus"  android:state_focused="true"/>  
  7.     <item android:drawable="@drawable/button_nomal" android:state_focused="false"/>  
  8.   
  9. </selector>  

     定义了两种状态 一种是按下  一种是获得焦点。  drawable分别引用了这三张图片

     

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

   

  1. <Button  
  2.  android:id="@+id/button1"  
  3.  android:layout_width="wrap_content"  
  4.  android:layout_height="wrap_content"  
  5.  android:text="button效果演示"  
  6.  android:background="@drawable/selector" />   

          在MainActivtiy中得到button

    

  1. Button button1=(Button) this.findViewById(R.id.button1);  
  2.         button1.setOnClickListener(new View.OnClickListener() {  
  3.               
  4.             @Override  
  5.             public void onClick(View v) {  
  6.                 // TODO Auto-generated method stub  
  7.                 Toast.makeText(getApplicationContext(), "你点击了button按钮", Toast.LENGTH_SHORT).show();  
  8.             }  
  9.         });  

            下面看下点击效果:

           点击button前:

     

       当按下button按钮时:

          

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

        首先在main.xml中添加:

     

  1. <Button  
  2.      android:id="@+id/button2"  
  3.      android:layout_width="wrap_content"  
  4.      android:layout_height="wrap_content"  
  5.      android:text="button效果演示"  
  6.      android:background="@drawable/button_nomal"/>  
        
  接下面在MainActivity中实现:

    

  1. Button button2=(Button) this.findViewById(R.id.button2);  
  2.        button2.setOnTouchListener(new OnTouchListener() {  
  3.           
  4.         @Override  
  5.         public boolean onTouch(View v, MotionEvent event) {  
  6.             // TODO Auto-generated method stub  
  7.             if(event.getAction()==MotionEvent.ACTION_DOWN){  
  8.                 v.setBackgroundResource(R.drawable.button_press);  
  9.             }else if(event.getAction()==MotionEvent.ACTION_UP){  
  10.                 v.setBackgroundResource(R.drawable.button_nomal);  
  11.             }  
  12.             return false;  
  13.         }  
  14.     });  
          在这类绑定了button的OnTouchListener监听,因为OnClickListener继承了OnTouchListener。运行效果和上面一样,这里不做过多解释。
目录
相关文章
|
18天前
|
XML IDE 开发工具
【Android UI】自定义带按钮的标题栏
【Android UI】自定义带按钮的标题栏
27 7
【Android UI】自定义带按钮的标题栏
|
4天前
|
搜索推荐 数据库 Android开发
自定义头像 Android
【6月更文挑战第16天】
|
7天前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
17天前
|
XML API Android开发
android上FragmentTabHost实现自定义Tab Indicator
android上FragmentTabHost实现自定义Tab Indicator
18 1
|
18天前
|
XML 前端开发 API
Android中实现Bitmap在自定义View中的放大与拖动
Android中实现Bitmap在自定义View中的放大与拖动
43 1
|
21天前
|
XML Java Android开发
15. 【Android教程】按钮 Button/ImageButton
15. 【Android教程】按钮 Button/ImageButton
17 2
|
3天前
|
开发工具 Android开发
Android 代码自定义drawble文件实现View圆角背景
Android 代码自定义drawble文件实现View圆角背景
12 0
|
3天前
|
Android开发
Android 自定义View 测量控件宽高、自定义viewgroup测量
Android 自定义View 测量控件宽高、自定义viewgroup测量
8 0
|
3天前
|
开发工具 Android开发 git
Android自定义View——可以设置最大宽高的FrameLayout
Android自定义View——可以设置最大宽高的FrameLayout
15 0
|
1月前
|
Android开发 异构计算 前端开发
Android显示原理,安卓自定义view面试
Android显示原理,安卓自定义view面试