Android学习之微信界面的模仿实现

参考自：http://www.cnblogs.com/lichenwei/

模仿微信界面的实现我是使用Fragment固定界面的方式来实现的，主要用到的布局方式有LinearLayout和FrameLayout

1、界面分析（效果图）

 

 

2、界面布局的具体实现

布局文件：

activity_top.xml（顶部布局）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="55dp"
    android:background="@drawable/title_tab"
    android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/title_name"
        android:textSize="24dp"/>

</LinearLayout>

activity_bottom.xml（底部布局）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:background="@drawable/title_tab">

    <LinearLayout
        android:id="@+id/line1"
        android:orientation="vertical"
        android:layout_weight="1"
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

        <ImageView
            android:layout_weight="1"
            android:id="@+id/ic_1"
            android:src="@drawable/find_normal"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
        <TextView
            android:id="@+id/textview_1"
            android:layout_width="wrap_content"
            android:layout_heig