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();
}
此时,再次运行程序,结果就是我们想要的: