Android之Button自定义点击效果

前端之家收集整理的这篇文章主要介绍了Android之Button自定义点击效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

             在drawable下新建selector.xml文件

          

Highlighter bg_html">
[html] 
 
     = =  
  1.  =  
  2.   
  3.      = =  
  4.      = = =  
  5.      =  =  
  6.      = =  
  7.   
  8.   


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

 

      

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

   

Highlighter bg_html">
[html] 
 
      
  1.  =  
  2.  =  
  3.  =  
  4.  =效果演示"  
  5.  =    


          在MainActivtiy中得到button

 

    

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


            下面看下点击
效果

 

           点击button前:

      

       当按下button按钮时:

       

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

        首先在main.xml中添加

     

Highlighter bg_html">
[html] 
 
      
  1.      =  
  2.      =  
  3.      =  
  4.      =效果演示"  
  5.      =  

         
  接下面在MainActivity中实现:

 

    

Highlighter bg_html">
[html] 
 
    Button =(Button) this.findViewById(R.id.button2);  
  1.        button2.setOnTouchListener(new OnTouchListener() {  
  2.           
  3.         @Override  
  4.         public boolean onTouch(View v, MotionEvent event) {  
  5.             // TODO Auto-generated method stub  
  6.             if(event.getAction()==MotionEvent.ACTION_DOWN){  
  7.                 v.setBackgroundResource(R.drawable.button_press);  
  8.             }else if(event.getAction()==MotionEvent.ACTION_UP){  
  9.                 v.setBackgroundResource(R.drawable.button_nomal);  
  10.             }  
  11.             return false;  
  12.         }  
  13.     });  

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

猜你在找的Android相关文章