背景:
前期我们对各个国内车机厂商的一些分屏功能也做过一些比较深入的调研,比如小米su7的三分屏功能:

马哥也带大家做出来了这个车机手机三分屏功能实战课程:

近期有的学员反馈让马哥可以去调研看看小鹏车机的分屏功能。
先看看正常小鹏车机的分屏展示:
这里可以看出左边分屏是音乐,右边分屏是地图,这块其实和原生分屏没有啥差异哈。
但是深入体验了一下发现小鹏车机的分屏也有2个和原生分屏比较大的差异点。
亮点1:分屏模式下分屏task可以全屏显示
再看看小鹏车机分屏可以,其中一个分屏是可以进行全屏展示
可以看到上面的其实也是处于分屏模式,而且分割线在最右侧,左边分屏的区域也是相当于全屏展示着,这个其实和我们三分屏讲解的相关实现,可以把分割线拖动到最右侧,但是这个时候还不退出分屏。
当然也可以拖动左边的分割线出现进入到分屏各占百分比情况:

亮点2:分屏模式上可以多指手势上下滑动切换Task
下面是处于分屏模式下,左分屏task全屏的显示情况

这个时候可以多指对分屏task往下滑动,滑动后出现如下切换:
可以看到进入了汽车模型的3d展示画面。
调研方案评估部分
整体调研小鹏车机的分屏功能后,其实整体难度不大,修改难度远比小米su7的三分屏难度要小一些。
小鹏车机的功能,在基于原生的分屏功能基础上不需要额外的修改很大,核心就是上面调研的2个亮点:
1、分屏模式下可以某个分屏task全屏显示,但是这个时候还是分屏模式,分割线显示在边界,可以拖动分割线,重新进入正常比例的分屏。
2、分屏模式下,可以通过多指在分屏的task区域进行上下滑动后切换task。
上面的两个点其实都在马哥的二分屏自由窗口实战课程,车机手机三分屏课程中有相关知识点的讲解,要求学习下面课程既可以:
https://mp.weixin.qq.com/s/Qv8zjgQ0CkalKmvi8tMGaw
–里面的第七套分屏自由窗口专题
车机手机三分屏:https://mp.weixin.qq.com/s/e65crgwzNKf3162YilkG5Q
整体难度不大,这里给大家布置小鹏车机分屏给你为学员作业,作业的目标就是实现类似小鹏车机的2个亮点功能既可以。
后续的作业实现成果demo可以关注马哥的vip群,欢迎各位学员一起来秀一秀自己作业成果,当然实在没有实现思路可以私聊马哥,或者vip群中请教提问。

4893

被折叠的 条评论
为什么被折叠?



