您的位置:首页 > 移动开发 > Android开发

Android按钮的点击效果的总结

2016-09-28 13:11 155 查看
Android按钮的点击效果的总结
 

 

在设计程序中,为了能达到按钮的一个动态的效果,要修改按钮的默认外观,

android官方早就替我们想好了解决方案,那就是selector资源。

只需在res/drawable目录中建立这样一个XML文件:selector.xml,并编写文件就可以了。

 

本文主要对按钮点击前后的效果的设置技巧做介绍。

 

关于按钮的背景或按钮的边框设置方法,这里不在重复,

上一篇博客有写》http://blog.csdn.net/wenzhi20102321/article/details/52685058

 

一.通过一个简单的例子展示效果

 

(一)创建资源文件

如图1:



 

 

 

如图2:

 



 

 

创建成功后可以在drawable-hdpi文件夹下看到到创建成功的资源文件,双击打开资源文件,就可以进行编辑修改。

 

(二)修改资源文件

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

     <!--设置按钮点击时,点击后,按钮这2种状态的改变和设置-->

    

     <!--按钮按下时的设置  -->

     <item android:state_pressed="true" android:drawable="@drawable/enter"></item>

     

     
<!--按钮松开时的设置  -->

     <item android:state_pressed="false" android:drawable="@drawable/exit"  ></item>

    

     <!--按钮被选中后显示的图片  ,对Android好像并没有什么用!-->

<item android:state_focused="true" android:drawable="@drawable/setting"  ></item>

</selector>

上面是几种基本的设置,当然前提是你的drawable-hdpi文件夹下要有图片文件。

或者其他的Drawable资源文件可以使用。

 

(三)调用文件

 

文件写好后可以直接当做背景资源利用,如:

  <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"        

        android:background="@drawable/selector1" //通过文件名直接调用写好的文件资源

        android:text="图片按钮" />

 

按钮按下前效果图:

 



 

按钮按下的效果图:

 



 

可以看到按钮的文字没有改变,但是按钮的背景被改变了。

 

总结:其实上面就是把写好的文件资源当做一个背景图片来使用。但是这个背景资源可以动态显示效果。

 

 

二.关于selector类型的资源文件的详细知识

 
(一)相关属性:

android:state_selected 选中

android:state_focused 获得焦点

android:state_pressed 点击

android:state_enabled 设置是否响应事件,指所有事件

 

<?xml version="1.0" encoding="utf-8" ?>   

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<!-- 默认时的背景图片,这个一般不使用,会影响后面的显示-->  

  <item android:drawable="@drawable/pic1" />    

<!-- 没有焦点时的背景图片 -->  

 <item android:state_window_focused="false"     android:drawable="@drawable/pic1" />   

<!--选中时的图片背景-->  

 <item android:state_selected="true"   android:drawable="@drawable/pic4" />   

<!--获得焦点时的图片背景--> 

<item android:state_focused="true"   android:drawable="@drawable/pic5" />

<!--点击时的图片背景-->   

<item android:state_pressed="true" android:drawable="@drawable/select" />

</selector>

 

但是上面有些属性是会相互冲突的。

有些属性也是没有什么具体效果的。

这些都要通过实际代码运行后看效果再做修改。

这里用处最大的还是按钮按下时和正常情况下的转换设置情况。

 

创建的按钮默认情况下也是有一个selector选择器,点击按钮后会动态选择系统内的资源文件,显示点击效果。

但是把按钮的背景替换后,系统自带的背景资源文件就起不到只用了。

 

 

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: