安卓第五天---将Fragment添加到ViewPager中并实现与底部导航栏的交互(简单的例子)

首先,思路是在一个页面设置一个ViewPager,并且在底部添加一个导航栏!
然后创建几个Fragment,将Fragment添加到一个List列表中以便加入ViewPager的适配器中.
其次将底部的控件设置点击事件,点击底部导航栏的位置,可以是ViewPager切换到对应的位置上,以便于显示对应的Fragment.
最后设置ViewPager滑动于底部导航栏的交互.

首先,设置布局main_activity.xml代码:

<?xml version="1.0" encoding="utf-8"?>

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/bottom_bar"></android.support.v4.view.ViewPager>

<TextView
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_above="@id/bottom_bar"
    android:background="#000000" />

<LinearLayout
    android:id="@+id/bottom_bar"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal"
    android:weightSum="3">


    <ImageView
        android:id="@+id/home_img"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#FFF5EE"
        android:padding="5dp"
        android:src="@drawable/home_unselected" />

    <ImageView
        android:id="@+id/star_img"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#FFF5EE"
        android:padding="5dp"
        android:src="@drawable/star_unselected" />

    <ImageView
        android:id="@+id/mine_img"
        android:layout_width="0dp"
        android:layout_height="matc