一、布局
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的图片更换。