【问题标题】:How to add navigation drawer on pre built app?如何在预构建的应用程序上添加导航抽屉?
【发布时间】:2017-07-28 11:00:07
【问题描述】:

我是安卓开发新手。我已经构建了没有导航抽屉的应用程序。现在,我想添加导航抽屉,这在我的应用程序中的所有活动中都是相同的。帮我解决这个问题。

【问题讨论】:

  • 最简单的方法是只使用一个带有 NavigationDrawer 的 Activity 并将 Fragments 用于不同的内容(而不是拥有许多不同 Activity 的旧方式)...

标签: java android android-activity navigation-drawer


【解决方案1】:

假设您的原始活动正在扩展“AppCompatActivity”,请将基本活动设置为关注并将所有其他活动扩展到“BaseActivity”。 BaseActivity 布局将包含 DrawaerLayout 和一个框架布局。在 BaseActivity 中使用 setcontentview 方法并在 framelayout 中扩展您的活动布局。

BaseActivity.Java

public class BaseActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {


    private FrameLayout baseLayout;
    public ActionBarDrawerToggle drawerToggle;
    public Toolbar toolbar;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.base_layout);
        toolbar = (Toolbar) findViewById( R.id.toolbar);
        setSupportActionBar(toolbar);
        baseLayout = (FrameLayout) findViewById(R.id.base_view);
        NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
        DrawerLayout drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        navigationView.setNavigationItemSelectedListener(this);
        drawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, 0, 0);
        drawerLayout.addDrawerListener(drawerToggle);
    }

    @Override
    public void setContentView(View view) {
        if (baseLayout != null) {
            ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT);
            baseLayout.addView(view, params);
        }
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        if (baseLayout != null) {
            baseLayout.addView(view, params);
        }
    }

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        //TODO
        return false;
    }
}

base_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

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

        <android.support.design.widget.AppBarLayout
            style="@style/Widget.MyApp.Toolbar.Solid"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
     >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary">


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



        </android.support.design.widget.AppBarLayout>

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

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="280sp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/base_header"
        app:menu="@menu/drawer" />
</android.support.v4.widget.DrawerLayout>

base_header.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="@dimen/nav_header_height"
    android:background="@drawable/blank"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/nav_header_icon"
        android:layout_width="50sp"
        android:layout_height="50sp"
        android:layout_marginBottom="8dp"
        android:layout_marginStart="16sp"
        android:contentDescription="@null"
        android:src="@mipmap/ic_launcher"
        app:layout_constraintBottom_toTopOf="@+id/nav_header_title"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/nav_header_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16sp"
        android:layout_marginStart="16sp"
        android:fontFamily="sans-serif-medium"
        android:text="@string/app_name"
        app:layout_constraintBottom_toTopOf="@+id/nav_header_subtitle"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/nav_header_subtitle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="16sp"
        android:layout_marginStart="16sp"
        android:fontFamily="sans-serif"
        android:text="@string/app_name"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
</android.support.constraint.ConstraintLayout>

在资源的“menu”文件夹中添加drawer.xml。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    android:checkableBehavior="single">
    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/icon_home"
        android:title="Home" />


</menu>

【讨论】:

  • 在上面的代码中请解释 menu 和 headerLayout 部分
  • 哦,我使用了我的默认值。您可以将其替换为您的值。制作 Header 和 Drawer 布局并添加它们,
  • 但是在 headerLayout 和 menu 中添加什么
  • 请上传您的@layout/base_header 和@menu/drawer 文件
猜你喜欢
  • 2021-06-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-15
  • 1970-01-01
  • 1970-01-01
  • 2021-07-05
相关资源
最近更新 更多