安卓仿美团viewpager分类导航栏

我们在很多一些app上面都能看到这种版面的商品分类的选项，然后我们可以左右切换。今天我们就来学学如何实现的。这是美团的app。

我们先看一下效果图：

---

实现原理

实现原理其实就是一个viewpager嵌套一个gridview，我们都知道viewpager和gridview都是需要adapter。我想你们都很了解了。那就不多作说明了。
首先，
我们现在主布局添加一个viewpager。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:layout_marginTop="5dp"
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="150dp"></android.support.v4.view.ViewPager>

</RelativeLayout>

再创建一个gridview布局文件。

<?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="match_parent">

    <GridView
        android:numColumns="4"
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></GridView>
</LinearLayout>

为了代码的简洁性，我们将图片的文字和图片放到arrays.xml这个文件里。

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