一、布局
1、底部布局:单独配置了一个foot文件采用LineLayout。 android:layout_alignParentBottom="true"
2、main布局采用RelativeLayout布局,这样方便include其他布局文件的位置
3、4个点单独配置一个文件,配置被选中的时候style,背景颜色不同
<ImageView android:id="@+id/home_ratio_img_01" android:layout_width="9dip" android:layout_height="9dip" android:layout_marginRight="10dip" android:layout_alignParentRight="true" android:background="@drawable/ratio_img_style"/>
ratio_img_style.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_window_focused="false" android:drawable="@drawable/home_img_ratio"></item> <item android:state_selected="true" android:drawable="@drawable/home_img_ratio_selected"></item> <item android:state_pressed="true" android:drawable="@drawable/home_img_ratio_selected"></item> <item android:state_focused="true" android:drawable="@drawable/home_img_ratio_selected"></item> <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/home_img_ratio_selected"></item> </selector>
二、点击底部按钮的时候
监听器设置让整个linelayout被选中(方便让里面的元素都变成选中状态)。
linelayout背景图片改变,imageView的图片更换。