你还在为Fragment之间的跳转感到疑惑吗?你还在为Fragement的返回而苦恼吗?
那么你的春天来了。。。
Google在2018年I/O大会上推出了一个新的组件Navigation,我是最近才发现的。真的有一种相见恨晚的感觉!
本文知识点
- Navigation的说明
- Navigation的简单使用
- Navigation的注意事项
1. Navigation的说明
Navation提供了单Activity多Fragment之间的转场和栈管理,帮助我们轻松的解决Fragment之间的跳转问题;再也不用add和replace的一些列操作了!使用它之后,你会有一种相见恨晚的感脚的。相信我。。。
2. Navigation的简单使用
首先Navigation是在Android Student 3.2以上才可以使用的。你说你懒,好我给你个地址下载地址 还有一个问题,默认Android Student 是没有开启Navigation的,你可以将Settings->Experimental界面中最下面Enable Navigation Editor勾上即可(要重启才会生效的)。
做好上面的准备之后,我们就可以开始了!!!
2.1 引入相应的类库
implementation 'android.arch.navigation:navigation-fragment:1.0.0-alpha09'
implementation 'android.arch.navigation:navigation-ui:1.0.0-alpha09'
这个是Navigation所需要的类库,直接引入就好了!!!
2.2 创建相应的导航图
这里直接res->New->Android Resource File然后直接进行相应的选择就可以了!
把上面的名称换成你想要的名称就可以,别用中文啊。你老大发现了会打你的!
这里为了演示Demo方便,建议你先创建两个Fragment。我这里创建了一个FirstFragment和SecondFragment两个Fragment,方便后面的演示!
这里为了方便演示,我就直接先创建了一个Destination相当于创建了一个开始的目标,也就是上面展示的那个页面,其实这种可视化真的是很方便。一会儿我在说代码该怎么写!但是这里有一个点需要注意,因为Navigation
是处理Fragment之前的跳转,所以这里只能以Fragment作为开始的目标,进行跳转!上图目标的右边有一个小圈圈,是可以为了实现跳转的。
当你又选择了一个Fragment并且连接了之后,会变成上面的样子。这里有个小技巧说明一下,你可以点击中间的连接线,是可以设置相应的跳转动画。
画红框的地方是添加动画的。这里默认的动画,就是一个渐变动画。其实我觉得应该更换一下,这个动画实在是太难看了。。。
上面的步骤都完成了之后我们看一下相应的xml文件,并且进行一下说明:
说下上面的xml代码:
- fragment 可以指定一个Fragment你可以理解成在正常的布局文件中的那个fragment
- tools:layout 这个是指定相应的布局文件的,用于显示。
- action 这个标签代表一个目标,其实你可以理解成那条线
- id 那条线的标识,之后会根据这个标识进行跳转的
- destination 目标id也就是你要跳转的fragment(这里其实也可以是Activity)
- enterAnim/exitAnim/popEnterAnim/popExitAnim 这几个就是动画了。
基本上就这么多了,剩下的就是处理相应的跳转了。接下来我们看看Activity中的布局是怎么写的!
说下这里的几个参数
- name 这里面是写死的“androidx.navigation.fragment.NavHostFragment”你只要写上这个就可以了
- defaultNavHost 这个写上true就可以了
- navGraph 这个是你创建的navigation的xml的名称
- id 就不说了
这些都完成了,那我们就看一下Fragment怎么实现跳转吧!!!
public class Main3Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main3);
}
@Override
public boolean onSupportNavigateUp() {
Fragment fragment = getSupportFragmentManager().findFragmentById(R.id.fragment);
if(fragment==null){
return false;
}
return NavHostFragment.findNavController(fragment).navigateUp();
}
}
没错,就直接覆写onSupportNavigateUp这个方法,直接把id填进去就可以了,这里NavHostFragment.findNavController(fragment).navigateUp();是初始化的方法。
之后就是相应Fragment中的操作了,我么看一下Fragment的中的内容吧!
public class FirstFragment extends Fragment {
public FirstFragment() {
// 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_first, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
Button btnNext = view.findViewById(R.id.btn_next);
btnNext.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Navigation.findNavController(v).navigate(R.id.action_firstFragment_to_secondFragment);
}
});
}
}
就是一个常规的Fragment,其实最主要的就是Navigation.findNavController(v).navigate(R.id.action_firstFragment_to_secondFragment);
还记得之前action的id吧!这里就是根据那个id进行跳转的!!!可以根据action直接就跳转过去了!
然后我们来看一下第二个Fragment中的代码:
public class SecondFragment extends Fragment {
public SecondFragment() {
// 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_second, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
Button btnBack = view.findViewById(R.id.btn_back);
btnBack.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Navigation.findNavController(v).navigate(R.id.action_secondFragment_to_firstFragment);
// Navigation.findNavController(v).navigateUp();
}
});
}
}
这里在onClick中我写了两行代码,第一行是根据action直接跳转的,和前面的一样我就不说了,第二个是直接跳转到初始状态,因为只涉及到两个Fragment之间的跳转,所以你可以这么写,但是如果过了的话,还是根据action进行跳转比较好!!!
这里给你一张效果图给你演示一下相应的效果:
效果还是比较简单的!!!
基本上通过以上的骚操作就可以进行相应的跳转了。。。
3. Navigation的注意事项
- 关于传值的问题
- 关于跳转的问题
- 待发现的问题。。。
3.1 关于传值的问题
其实很多场景之间Fragment都是有相应传值的问题的,那么怎么进行相应的传值呢?其实就是通过Bundle进行传递的。
Bundle bundle = new Bundle();
bundle.putString("aaa","aaa");
Navigation.findNavController(v).navigate(R.id.action_firstFragment_to_mainActivity,bundle);
就是在你跳转的时候多传入一个Bundle就可以了。
在Fragment接收的话,按照下面的代码进行就可以了。判空自己判断吧!
Bundle bundle = getArguments();
如果在Activiy中接收的话,按照如下代码进行接收可以了。
Bundle bundle = getIntent().getExtras();
3.2 关于跳转的问题
其实跳转你要确保相应的action存在,只要action存在根据id进行跳转就可以了,其实有可视化工具的话,这个比较好处理的。
关于Navigation的内容就这么多,可能还有很多不到位的地方,目前我没有发现什么坑,如果有的话可以给我留言,大家一起讨论下。
好了今天就到这里吧!!!