仿蘑菇街

一、布局

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的图片更换。


 

相关推荐