一、顯示效果

二、分析

很感謝軒轅的文章，學習了。實現這種效果先分析一下怎麼去實現。首先最上面的是一個自定義的ActionBar樣式。中間的側滑加主頁是利用DrawLayout控制元件來實現的。
這裡使用到ActionBar，為了向下相容，Activity類需要繼承ActionBarAvtivity，還需要依賴v7包。
1.實現自定義樣式
可以自定義一個Theme樣式
styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
 

    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>

        <!-- Support library compatibility -->
        <item name="actionBarStyle">@style/MyActionBar</item>
    
 
</style>

    <!-- ActionBar styles -->
    <style name="MyActionBar"
           parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@drawable/actionbar_background</item>
        <item name="android:titleTextStyle">@style/MyTitleStyle</item>

        <!-- Support library compatibility -->
        <item name="background"
 
>@drawable/actionbar_background</item>
        <item name="titleTextStyle">@style/MyTitleStyle</item>
    </style>
    <style name="MyTitleStyle"
           parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title.Inverse">
        <item name="android:textSize">20dp</item>
    </style>
</resources>

colors.xml
其實就是一張純色的圖片

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <drawable name="actionbar_background">#0077d9</drawable>
</resources>

結果就能達到下面的顯示效果：

2.側滑
①實現側滑
首先新建一個Fragment繼承自v4.Fragment，在裡面載入左側的View佈局就可以了。在MainActivity中什麼都不用做。
activtiy_main.xml

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.sweetvvck.fakezhihu.MainActivity" >

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

    <fragment
        android:id="@+id/navigation_drawer"
        android:name="com.example.zhihudemo.NavigationDrawerFragment"
        android:layout_width="@dimen/navigation_drawer_width"
        android:layout_height="match_parent"
        android:layout_gravity="start" />

</android.support.v4.widget.DrawerLayout>

NavigationDrawerFragment .java

public class NavigationDrawerFragment extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.from(getActivity()).inflate(R.layout.fragment_navigation_drawer, null);
        return view;
    }
}

就上面的簡單程式碼就已經實現了抽屜和側滑功能。下面需要的就是對抽屜進行監聽。

②對在Fragment中的選中位置反饋到Activity，需要定義回撥介面，來進行資料互動。
在Fragment中定義一個介面，該Activity中實現該介面。

 /**
     * 宿主activity要實現的回撥介面
     * 用於activity與該fragment之間通訊
     */
    public static interface NavigationDrawerCallbacks {
        /**
         * 當drawer中的某個item被選擇是呼叫該方法
         */
        void onNavigationDrawerItemSelected(String title);
    }

    @Override
    public void onNavigationDrawerItemSelected(String title) {
        //......
    }

選中某一個條目的邏輯：需要更新記錄的位置，ListView需要將該item設定為選中狀態，需要將選中的狀態通過上面定義的回撥介面反饋給Activtiy。

 private void selectItem(int position) {
        mCurrentSelectedPosition = position;
        if (mDrawerListView != null) {
            mDrawerListView.setItemChecked(position, true);
        }
        if (mDrawerLayout != null) {
            mDrawerLayout.closeDrawer(mFragmentContainerView);
        }
        if (mCallbacks != null) {
            if(mCurrentSelectedPosition == 0) {
                mCallbacks.onNavigationDrawerItemSelected(getString(R.string.app_name));
                return;
            }
            mCallbacks.onNavigationDrawerItemSelected(mData.get(position - 1).getTitle());
        }
    }