设置Android ImageView点击时的样式

最新推荐文章于 2024-04-14 16:01:10 发布

转载最新推荐文章于 2024-04-14 16:01:10 发布 · 1.8k 阅读

android 专栏收录该内容

39 篇文章

订阅专栏

本文介绍如何在Android开发中为ImageView设置点击反馈效果。通过创建一个Drawable的选择器资源文件，可以轻松实现不同状态下的图片切换，如默认状态、按下状态等。

在Android开发中使用ImageView时，希望当图片被点击时有明显的效果，一个简单的方法就是在点击时更换图片。下面以注销按钮为例，效果和实现方法如下：

首先，再res/drawable文件夹下创建一个xml文件，命名为logoutimage.xml，在该文件中实该图片在点击前和点击时的图片，代码如下：

 
<?xml version="1.0" encoding="utf-8"?>
 
<selectorxmlns:android="http://schemas.android.com/apk/res/android">
 
    <!-- 默认图片 --> 
 
    <item android:state_pressed="false" 
 
        android:drawable="@drawable/logout2" />
 
    <!-- 点击时图片 --> 
 
    <item android:state_pressed="true" 
 
        android:drawable="@drawable/logout1" /> 
 
</selector>

然后在ImageView的src属性中引用该文件，代码如下：

 
<ImageButton
 
   android:src="@drawable/logoutimage"
 
   android:layout_width="wrap_content"
 
   android:layout_height="wrap_content"
 
   />

更多情况：

 
<!-- 默认图片 -->   
 
<item android:drawable="@drawable/img1" />
 
  
 
<!-- 没有焦点时的图片 -->   
 
<item android:state_window_focused="false"  
 
      android:drawable="@drawable/img2" />    
 
 
 
 <!--获得焦点时的图片  -->   
 
<item android:state_focused="true"    
 
      android:drawable="@drawable/img3" />
 
  
 
 <!--选中时的图片  -->   
 
 <item android:state_selected="true"    
 
      android:drawable="@drawable/img4" />
 
  
 
 <!-- 触摸模式下单击时的图片 -->   
 
 <item android:state_focused="false"
 
    android:state_pressed="true"    
 
    android:drawable="@drawable/img5" />  
 
  
 
 <!-- 非触摸模式下获得焦点并单击时的图片 -->   
 
 <item android:state_focused="true"
 
    android:state_pressed="true"    
 
    android:drawable= "@drawable/img6" />