带有linearlayout实现的导航抽屉,支持所有版本的android

时间:2015-06-17 13:10:13

标签: android android-layout android-fragments navigation navigation-drawer

我正在创建一个Android应用程序,我想实现如下所示的导航抽屉,即

  1. 导航抽屉应该像Playstore一样覆盖动作栏,
  2. 导航抽屉应该是一个线性布局(这样我需要添加标题,列表视图,页脚排序的东西)
  3. 在所有版本> Android 4.0
  4. 中应该相同

    我想像下图中的抽屉一样实施

    https://imgur.com/GhflPDh

1 个答案:

答案 0 :(得分:1)

将此布局用于您的活动

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/DrawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:elevation="7dp">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include
        android:id="@+id/tool_bar"
        layout="@layout/tool_bar"></include>

   <!-- Your Main Content-->

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:orientation="vertical">

<!-- Your Header-->

    <ListView
        android:id="@+id/nav_drawer_options_list"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_gravity="left"
        android:layout_weight="1"
        android:scrollbars="vertical"></ListView>

  <!-- Your Footer-->

</LinearLayout>


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

您的工具栏布局tool_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/action_bar_color"
app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
android:theme="@style/ThemeOverlay.AppCompat.Dark">

</android.support.v7.widget.Toolbar>