不使用TitleBar实现导航抽屉

Question

我计划实现一个导航栏，让用户导航到不同的活动。但是问题是，我已经找到了很多关于创建导航抽屉的文章，但是它似乎不适合我，因为我的UI没有任何标题栏。我真正想要的是，每当用户按下靠近导航抽屉的按钮时，就调用导航抽屉。

有什么办法可以做到吗？

Answer 1

这很简单。

以下是您主要活动的布局，activity_main.xml

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true"
    android:layout_height="match_parent">

    <FrameLayout
        android:animateLayoutChanges="true"
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        tools:ignore="MergeRootFrame" />

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/drawer_list_header"
        app:menu="@menu/navigation"/>
</android.support.v4.widget.DrawerLayout>

这是你的MainActivity

public class MainActivity extends AppCompatActivity {

    NavigationView navigationView;
    DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        navigationView = (NavigationView) findViewById(R.id.navigation_view);

        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {
                switch (menuItem.getItemId()) {
                    case R.id.navi_1:
                        // on 1st item in the menu, do something
                        break;
                    case R.id.navi_2:
                        // on 2nd item in the menu, do something
                        break;
                }
                drawerLayout.closeDrawers();
                return false;
            }
        });

        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    }

    // [...]

    private void openDrawer() {
        if (!drawerLayout.isDrawerOpen(navigationView)) {
            drawerLayout.openDrawer(navigationView);
        }
    }

    private void closeDrawer() {
        if (drawerLayout.isDrawerOpen(navigationView)) {
            drawerLayout.closeDrawers();
        }
    }
}

现在您可以用openDrawer()打开抽屉，用closeDrawer()关闭它。

位于res (resources)文件夹中菜单项dir下的示例navigation.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/navi_1"
            android:checked="true"
            android:icon="@drawable/ic_android"
            android:title="First item"/>
        <item
            android:id="@+id/navi_2"
            android:icon="@drawable/ic_android"
            android:title="Second item"/>
    </group>
</menu>

示例drawer_list_header.xml文件，位于res文件夹中的布局dir下：

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/list_header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitXY"
    android:adjustViewBounds="true"
    android:paddingBottom="8dp"
    android:src="@drawable/list_header_final">

</ImageView>

以下是一些注意事项：

• 您必须为抽屉声明一个菜单文件，请参阅布局文件中的app:menu="@menu/navigation"。
• 您可能需要声明标题布局，该布局显示在抽屉中的菜单元素上，请参见app:headerLayout="@layout/drawer_list_header"。
• 抽屉可以从屏幕的边缘通过一次类似的动作来打开.为了防止用户这样做，您可能希望在使用drawerLayout.setDrawerLockMode(...);操作时锁定/解锁您的抽屉，请参阅详细资料文件。

还请注意，为了使用NavigationView，您需要通过将依赖项添加到模块的gradle文件：compile 'com.android.support:design:22.2.0'来获得最新的设计支持库。这里，请看更多关于它的信息。

Answer 2

是的，您可以在没有DrawerLayout的情况下实现ActionBar。您可以手动打开和关闭DrawerLayout，如

    drawerLayout.openDrawer(Gravity.LEFT);

    drawerLayout.closeDrawer(Gravity.LEFT);