Android主界面实现方式

做个笔记，有错误的地方请指点！

有两种类型主界面页的切换：

第一种是FragmentTransaction和Fragment；

第二种是ViewPager和FragmentPagerAdapter；

效果差不多，都可以点击切换，但第二种可以左右滑动切换，

第一种FragmentTransaction和Fragment实现：

效果图：

act_tab1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#abcabc"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">

    </FrameLayout>

    <LinearLayout
        android:id="@+id/bottomPanel"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#FFFFFF"
        android:orientation="horizontal">

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

            <ImageView
                android:id="@+id/iv_home"
                android:layout_width="26dp"
                android:layout_height="26dp"
                android:src="@drawable/home_selected" />

            <TextView
                android:id="@+id/tv_home"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:gravity="center"
                android:text="首页"
                android:textColor="#ff7700" />
        </LinearLayout>

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

            <ImageView
                android:id="@+id/iv_live"
                android:layout_width="26dp"
                android:layout_height="26dp"
                android:src="@drawable/live_selector" />

            <TextView
                android:id="@+id/tv_live"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:gravity="center"
                android:text="直播"
                android:textColor="#aaaaaa" />
        </LinearLayout>

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

            <ImageView
                android:id="@+id/iv_follow"
                android:layout_width="26dp"
                android:layout_height="26dp"
                android:src="@drawable/follow_selector" />

            <TextView
                android:id="@+id/tv_follow"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:gravity="center"
                android:text="关注"
                android:textColor="#aaaaaa" />
        </LinearLayout>

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

            <ImageView
                android:id="@+id/iv_discover"
                android:layout_width="26dp"
                android:layout_height="26dp"
                android:src="@drawable/discover_selector" />

            <TextView
                android:id="@+id/tv_discover"
                android:layout_width="wrap_content"
                android