ImageView和TextView的background点击效果

最新推荐文章于 2021-10-09 16:51:08 发布

列蒙太奇

最新推荐文章于 2021-10-09 16:51:08 发布

阅读量526

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/iamwutianbao/article/details/45394103

本文介绍如何为Android应用中的ImageView设置点击和聚焦状态的背景变化效果，通过使用XML选择器资源文件实现不同状态下的视觉反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于ImageView和TextView的background点击效果【仅用一个ImageView的情况】

背景引用

<ImageView
        android:background="@drawable/<span style="color:#ff0000;">selector_imageview_position_manage</span>"  
/>

背景xml代码 selector_imageview_position_manage

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/<span style="color:#3333ff;">pressed_imageview_position_manage</span>" android:state_pressed="true"/>    
    <item android:drawable="@drawable/<span style="color:#cc33cc;">focus_imageview_position_manage</span>" android:state_focused="true"/>     
</selector>

按下的效果： pressed_imageview_position_manage

<pre name="code" class="html"><shape xmlns:android="http://schemas.android.com/apk/res/android">

	<solid android:color="#99FFFFFF" />

	<padding
		android:bottom="3dp"
		android:left="3dp"
		android:right="3dp"
		android:top="3dp" />

	<!-- <corners
		android:bottomLeftRadius="5dp"
		android:bottomRightRadius="5dp"
		android:topLeftRadius="5dp"
		android:topRightRadius="5dp" /> 
	-->

</shape>

选中的效果：focus_imageview_position_manage

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

	<solid android:color="#ff6600" />

	<padding
		android:bottom="3dp"
		android:left="3dp"
		android:right="3dp"
		android:top="3dp" />

	<!-- <corners
		android:bottomLeftRadius="5dp"
		android:bottomRightRadius="5dp"
		android:topLeftRadius="5dp"
		android:topRightRadius="5dp" /> 
	-->

</shape>