Android studio简单开发微信界面

实验思路：
1.实现APP门户界面框架设计，至少包含4个tab页，能实现tab页之间的点击切换；
2.使用布局（layouts）和分段（fragment），对控件进行点击监听
3.使用git将项目传至gitee。

以微信布局为例，整体布局分为三个部分，分别是top，content以及bottom。

top界面是居中的应用名称，用layout进行布局，content如微信有四个界面来回进行切换，所以需要用fragment控件进行控制切换，最下方的bottom是由图标和textview组成的，所以需要一个水平的LinearLayout中嵌入垂直的LinearLayout。

实验步骤：

bottom.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/black">

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

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="40sp"
            android:src="@drawable/chat" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="聊天"
            android:textColor="@color/white"
            android:textSize="20sp" />
    </LinearLayout>

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

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="match_parent"
            android:layout_height="40sp"
            android:src="@drawable/community" />

        <TextView
            android:id=