Android Studio 基于自带抽屉式导航栏模板添加菜单及跳转页面功能

Android Studio 基于自带抽屉式导航栏添加菜单及跳转页面功能

如下导航栏，

其中农田，遥感，动物都是自己后来添加的，iocn图片扔到app\src\main\res\drawable文件夹下，再到app\src\main\res\menu\activity_main_drawer.xml里加上

这里要注意的是android:title里的string有相应文件在此项目位置是app\src\main\res\values\strings.xml在里面加一行

农田

这样android:title那一行就不会报错了。到此导航栏就有了农田这一按钮。
下面实现点击跳转农田页面功能：

1. 首先在app\src\main\res\layout文件夹下添加相应fragment_nongtian.xml,代码内容如下：

2. 在如下图路径新建nongtian文件夹包含两个java文件NongtianViewModel和NongtianFragment
   NongtianViewModel代码：

 package edu.xju.test1.ui.nongtian;

import androidx.lifecycle.LiveData;
import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;

public class NongtianViewModel extends ViewModel {
    private MutableLiveData mText;

    public NongtianViewModel() {
        mText = new MutableLiveData<>();
        mText.setValue("This is 农田 fragment");
    }

    public LiveData getText() {
        return mText;
    }
}

NongtianFragment代码：

package edu.xju.test1.ui.nongtian;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.Nullable;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;

import edu.xju.test1.R;

public class NongtianFragment extends Fragment{

    private NongtianViewModel nongtianViewModel;

    public View onCreateView(@NonNull LayoutInflater inflater,
                             ViewGroup container, Bundle savedInstanceState) {
        nongtianViewModel =
                ViewModelProviders.of(this).get(NongtianViewModel.class);
        View root = inflater.inflate(R.layout.fragment_nongtian, container, false);
        final TextView textView = root.findViewById(R.id.text_nongtian);
        nongtianViewModel.getText().observe(this, new Observer() {
            @Override
            public void onChanged(@Nullable String s) {
                textView.setText(s);
            }
        });
        return root;
    }
}

3. 最后在app\src\main\res\navigation\moblile_navigation.xml文件里加上
   ；
   就可以实现该功能了点击后效果如下图，就可以根据需求往该页里加东西了。

初学Android studio开发，其中代码逻辑可能有问题，重在实现此功能，希望对您能有帮助！