进阶三之Android UI介面之（QQ介面滑动）

学的到东西的事情是锻炼，学不到的是磨练。

本讲内容：QQ介面滑动

下面是效果面

下面是res/layout/activity_main.xml 布局文件：

<RelativeLayout xmlns:android=""xmlns:tools=""android:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example.qq.MainActivity$PlaceholderFragment" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/default_bg"android:orientation="vertical" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="6.0"android:orientation="horizontal" ><RelativeLayoutandroid:id="@+id/layout1"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1.0" ><ImageViewandroid:id="@+id/tab1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:src="@drawable/tab1" /></RelativeLayout><RelativeLayoutandroid:id="@+id/layout2"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1.0" ><ImageViewandroid:id="@+id/tab2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:src="@drawable/tab2" /></RelativeLayout><RelativeLayoutandroid:id="@+id/layout3"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1.0" ><ImageViewandroid:id="@+id/tab3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:src="@drawable/tab3" /></RelativeLayout></LinearLayout><RelativeLayoutandroid:id="@+id/bodylayout"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1.0"android:background="#fff"android:gravity="center"android:orientation="horizontal" ></RelativeLayout></LinearLayout></RelativeLayout>在3个relativelayout外面加个LinearLayout，然后3个relativelayout属性中设置android:layout_weight="1"， 使之平均

下面是res/drawabel/tab1.xml

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android=""><item android:drawable="@drawable/tab1_over" android:state_pressed="true"/><item android:drawable="@drawable/tab1_normal" android:state_pressed="false"/><!– 用来区分点击前后，可以是俩张图片 –></selector>

下面是res/drawabel/tab2.xml

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android=""><item android:state_pressed="true" android:drawable="@drawable/tab2_over" /><item android:state_pressed="false" android:drawable="@drawable/tab2_normal" /></selector>

下面是res/drawabel/tab3.xml

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android=""><item android:state_pressed="true" android:drawable="@drawable/tab3_over" /><item android:state_pressed="false" android:drawable="@drawable/tab3_normal" /></selector>下面是res/layout/tab1.xml 布局文件：

如果我们想要更多的玫瑰花，就必须种植更多的玫瑰树。