本文为学习笔记,所用的图片、案例均为教学视频截图
源视频地址:Navigation组件,让页面切换无比简单2)
作者:longway777
目录
实现效果
在第一个页面中输入文本数据,点击button进行跳转,并且把数据带到下一个界面。在页面切换过程中,运用到了制作的动画(进来的页面从左向右,出去的页面被往右边挤出去)
一、创建两个fragment
更改为约束布局
二、创建导航资源nav
三、在activity_main中添加navhost
四、在fragment.java中设置按键事件
五、实现数据的传递
使用bundle(然而这并不好用,下一节会介绍使用viewModel的方式)
在
HomeFragment.java
中,传递bundle到下一个界面
在DetailFragment.java
中,拿到bundle的数据并显示
六、添加自己制作的动画
tween animation 渐变动画演示
自定义一个简单的动画:从左边滑动到中间
(1)页面进入动画:
从左边移动进来
(2)页面退出动画:
从右边移动出去
(3)应用到导航中:
其他:做一个缩放的动画
比例从0到1,即为慢慢变大
退出,慢慢缩小
完整代码
HomeFragment.java
public class HomeFragment extends Fragment {
public HomeFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,