我们正在创建一个具有类似于Snapchat的设计概念的应用程序。在基础层上,我们有三个应该可以水平滑动的视图,而相机视图在中间。
还应该通过选项卡栏选择视图。滑动视图时,过渡还应控制Tab栏的颜色以及Tab栏上某些元素的大小,类似于Snapchat的操作方式:
我们的UI设计器为Adobe XD中的特定应用程序制作了一个模型:
该按钮已独立于选项卡栏,因为即使该选项卡栏消失了,它也应该与下面的控制器进行一些交互。
大约10个小时以来,我一直在试图找出如何最好地实现这种导航的方法。我已经尽力尝试创建自己的AnimationController来在Tabs上添加自定义InteractionController进行动画处理,但是这些动画充其量是不安全的,而且充其量也有很多问题,而且我仍然不知道如何同时对按钮进行动画处理作为视图。
有人尝试实现与此类似的设计并且成功了吗?您能否引导我正确使用哪种方法来实现这样的设计?
提前感谢大家。