在开发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"
效果图:
方法二: 使用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"
效果图:
通过上述方法,即可实现最简单的ViewGroup点击效果。