DrawerLayout+Fragement+ViewPager+PagerTabStrip实现双导航

一、问题描述

　　在Android典型界面设计（3）的我们实现了双导航效果，即外层底部导航和内部区域的头部导航，如网易新闻等很多应用采用了这种导航，但Google提供DrawerLayout可实现抽屉式导航，建议使用DrawerLayout代替底部导航，下面我们就使用官方提供的DrawerLayout+Fragement+ViewPager+PagerTabStrip实现下图效果：

二、本例相关技术

1、 DrawerLayout 抽屉式导航

2、 Fragment管理

3、 ViewPager和PagerTabStrip的使用

三、实现过程

　　1、  考虑到向下兼容要使用V4和V7包

　　V4建工程已经加入，需在项目中导入v7兼容包的android-support-v7-appcompat

　　2、  MainActivity组件

　　先看一下布局文件

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-- 包含主要内容的 view -->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <!-- navigation drawer(抽屉式导航) -->
    <ListView android:id="@+id/left_drawer"