毕设博客（十）

Navigation组件：让页面之间的切换变得容易。

NavHost:容器，存放每一个页面

Fragment:将一个大屏幕分割成不同的小部分，让屏幕分功能显示不同的内容

NavController:控制导航的逻辑

NavGraph以:图形化的方式实现页面间的逻辑关系

1、创建两个Fragment

2、 搭建页面

3、创建一个资源文件NavGraph（需要添加依赖），并且将两个页面添加进来，用连线表示两个页面切换的逻辑。将NavHostFragment添加到activity_main当中。

4、给按键设置特定动作

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button button;
        button = getView().findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                NavController controller = Navigation.findNavController(view);
                controller.navigate(R.id.action_homeFragment_to_detailFragment);
            }
        });
    }

@Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        getView().findViewById(R.id.button2).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_detailFragment_to_homeFragment));
    }

运行结果(此图为gif格式)：

 以上的结果已经运行成功，但是这样的页面转换比较生硬，所以我们可以加一些过渡，有一些系统自带的过渡动画，可以点中相应的动作后添加：

 此时的运行结果，就会有渐入渐出的效果：

5、 我们还需要让页面停留在Home页面时，左上角的指引数据为“Home”;停留在Detail页面时，左上角的指引数据为“Detail”,并且要有返回键的功能。

要在MainActivity中添加交互的代码：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.fragmentContainerView);
        NavController controller = navHostFragment.getNavController();
        NavigationUI.setupActionBarWithNavController(this, controller);
    }

    @Override
    public boolean onSupportNavigateUp() {
        NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.fragmentContainerView);
        NavController controller = navHostFragment.getNavController();
        return controller.navigateUp();
        //return super.onSupportNavigateUp();
    }

此时，再次运行程序，结果就是我们想要的：