Android Studio 之 Navigation【1.页面之间的切换】

1.创建 2个 Fragment ，下面两个include 不要勾

2.创建好 Fragment 后，打开layout中的 fragment.xml 文件，将里面默认的 textView 控件删除掉

把 ConstraintLayout 拖进来，用它来布局，比较方便

3.在res上右击，创建一个Navigation资源

第4步，在navigation新建的文件中，把刚才创建的2个 fragment 添加进来

第5步，设置导航连接，右边的Label是显示在最顶部的title内容

第六步：activity_main.xml文件中，把里面默认的控件删除掉，并把NavHostFragment控件拖进来

添加后4个边界连接上

第7步，fragment 页面添加按钮的事件

按钮的点击事件放在这个事件中：onActivityCreated

package com.example.nativigationdemo1;


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

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;

import static android.view.View.OnClickListener;


/**
 * A simple {@link Fragment} subclass.
 */
public class HomeFragment extends Fragment {


    public HomeFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        Button button;
        //通过 getView() 就能访问到 HomeFragment与DetialFrament中的按钮
        //注意下面这里的id不能写错了，如果写错了会导致app启动就出错
        button  = getView().findViewById(R.id.button2);
        button.setOnClickListener(new OnClickListener(){
            @Override
            public void onClick(View v) {
                NavController controller = Navigation.findNavController(v);
                controller.navigate(R.id.action_homeFragment_to_detialFragment);
            }
        });


    }
}

另一个fragment 界面的事件方法

package com.example.nativigationdemo1;


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

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.navigation.Navigation;


/**
 * A simple {@link Fragment} subclass.
 */
public class DetialFragment extends Fragment {


    public DetialFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_detial, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        getView().findViewById(R.id.button).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_detialFragment_to_homeFragment));
    }
}

最后一步，在 MainActivity 的 java 文件中，设置头部导航的返回和头部内容的显示

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


        //页面头部标题
        NavController controller = Navigation.findNavController(this,R.id.fragment); //这里的 R.id.fragment 是 activity界面拖进来的 fragment组件（NavHotFragment）
        NavigationUI.setupActionBarWithNavController(this,controller);
    }


    //设置返回
    @Override
    public boolean onSupportNavigateUp() {
        //return super.onSupportNavigateUp();
        NavController controller = Navigation.findNavController(this,R.id.fragment);
        return controller.navigateUp();
    }

注意，如果要设置动画效果，在navigation资源xml文件中，导航连接上点击，点右边可以设置

Android Studio 之 Navigation【1.页面之间的切换】

猜你喜欢