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