android viewgroup点击变色,Android ViewGroup点击效果(背景色)

在开发Android应用的界面时,我们必然会用到本文ViewGroup,尤其是FrameLayout,LinearLayout,RelativeLayout等ViewGroup的子类; 在一些情况下,我们需要设置这些ViewGroup的点击效果,使用户获得更好的体验。下面介绍两种实现方法:

方法一:使用图片资源

通过为ViewGroup设置不同的图片图片资源,是最方便的实现方法,我们只需要设计两张图片,一张为非点击效果,另一张为点击时效果,然后为ViewGroup设置

background即可:

1. 定义ViewGroup的background所需的drawbale资源:selector_viewgroup_item_btn_bg.xml

该文件的定义很简单,就是规定了一个点击效果图片和一个正常情况下的图片,通过state进行区分。

2.  定义布局文件:main_activity.xml

android:id="@+id/my_collect_layout_parent"

android:layout_width="fill_parent"

android:layout_height="50dp"

android:clickable="true"

android:background="@drawable/selector_viewgroup_item_btn_bg" >

android:id="@+id/img1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="20dp"

android:src="@drawable/more_my_collect_img" />

android:id="@+id/my_collect_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

android:layout_marginLeft="12dp"

android:layout_toRightOf="@id/img1"

android:gravity="center"

android:text="我的收藏"

android:textColor="#5d5d5d"

android:textSize="15sp" />

在布局文件中,我们有两处处需要 注意:

·设置RelativeLayout的background属性,指向之前定义的drawable资源selector_viewgroup_item_btn_bg.xml

·要为RelativeLayout设置clickable 属性: android:clickable="true"

效果图:

f47b159a6b85ed66323f077245e3385b.png

a0fb4f2a8a49fdb4565bfc2513b9dd42.png

方法二: 使用Color颜色

1. 在value目录下定义drawables.xml文件:

#ffffff

#f2f2f2

注: 此处我们需要注意,item的开头我们使用的是而不是.

2. 定义ViewGroup的background所需的drawbale资源:selector_viewgroup_bg.xml

3. 定义布局文件:main_activity.xml

android:layout_width="fill_parent"

android:layout_height="50dp"

android:clickable="true"

android:background="@drawable/selector_viewgroup_bg" >

android:id="@+id/img1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="20dp"

android:src="@drawable/more_my_collect_img" />

android:id="@+id/my_collect_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

android:layout_marginLeft="12dp"

android:layout_toRightOf="@id/img1"

android:gravity="center"

android:text="我的收藏"

android:textColor="#5d5d5d"

android:textSize="15sp" />

在布局文件中,我们有两处处需要 注意:

·设置RelativeLayout的background属性,指向之前定义的drawable资源selector_viewgroup_bg.xml

·要为RelativeLayout设置clickable 属性: android:clickable="true"

效果图:

bdd3639593d40b98192e5d9c805e84a5.png

540e915583285036ba072e7838727701.png

通过上述方法,即可实现最简单的ViewGroup点击效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值