• 社区
  • 圈子
圈子 OriginOS 帖子详情
OriginOS 3 动效解析 ——「通知 控制中心篇」
日喔6
iQOO 11 Pro
OriginOS

通知中心,控制中心动效解析终于来啦!

阅读声明:本解析并非专业分析,不代表官方,仅进行个人分析,如有错误,欢迎指正。

接下来进入正题: 

▍呼出/收回通知中心

状态栏左侧下滑进入通知中心,可以看到背景下沉并模糊,下滑一定距离后,日期和右侧重要通知按钮以屏幕顶部为锚点透明度放大淡入,通知卡片,同样以屏幕顶部为锚点透明度放大淡入。 

若继续下滑可看到所有内容均会跟随手指向下移动,但日期的移动幅度较小。松手后,所有内容上移归位,无灵魂回弹,显得没那么灵动。 

▍点击通知进入应用

点击日期或者通知信息进入应用,通知栏收回,应用以桌面图标约二三行中心淡入放大打开(图标收缩,壁纸放大)。 

若目前有正在打开的软件,点击通知中心信息后,通知栏收回,然后无动画直接闪现到应用。 

▍通知信息操作

右滑通知可直接清除通知信息,可跟随滑动速度或者势能清除通知,若滑动速度较慢,会在右滑约70%的位置给出震动反馈。这里唯一不爽的就是,多条通知时,滑动卡片会出现方角,看着怪不和谐的。 

左滑通知可以看到快捷功能(小窗,设置,清除),底部为半透明白板,同样会露出顶部或底部的卡片方角,只不过有半透明白板会显得和谐点,无法根据滑动速度清除通知。 

左滑到约70%位置时振动反馈,还需二次互动才能删除,滑动时,快捷功能透明度淡出,并没有鸿蒙的垃圾桶开盖或iOS的删除填满的效果,清除后,下一条通知向上补位。 

左滑通知信息点击小窗按钮的动画在之前文章有详细说,这里就不说了; 

点击设置按钮,会在底部弹出通知设置弹窗同时背景压暗。 

点击删除按钮,若只有一条通知,则是以通知卡片中心为锚点,透明度缩小淡出(奇怪的是透明度白板跟着一起跑),若是多条信息,则是下一条通知上移补位。 

▍呼出/收回控制中心

状态栏右侧下滑进入控制中心,同样可以看到背景下沉和模糊,下滑一定距离后,可以看到电池,网速,信号信息从屏幕右侧透明度淡入飞到左侧,飞入的信息有恰当的延迟,可以看到一行一行的出现,并没有做到类似iOS的跟随移动。

控制中心开关透明度下移放大淡入(渐变和移动); 

若此时没有松手继续下滑,状态信息会随着按钮继续下移一段距离,有连贯的下滑跟随,松手后,状态信息和按钮上移归位,并没有灵魂回弹。 

上滑或返回退出控制中心,是下拉控制中心的逆向动画,电量,网速,信号信息向右上角移动淡出。控制中心开关上移缩小透明度淡出。 

点击设置按钮后,控制中心收起,有应用的跳转动画(比通知中心的要好)。 

点击设置右侧的编辑按钮,按钮上浮,顶部状态信息透明度缩小淡出,同时底部上移出可添加的按钮,整体动效连贯(加个回弹会更好),点击完成后按钮归位恢复原样。 

长按WiFi,蓝牙,数据流量,音量条,亮度条,手电筒都有连贯的背景图形变化过渡动画,图标跟随移动动画。 

值得注意的是,有些比较反逻辑的问题,比如亮度可以长按后不松手直接滑动调节,手电筒却不可以,音量条长按后显示的是媒体输入选择,但此时不松手滑动实际音量也会调整改变,不过振动/静音/勿扰模式的展开就没那么连贯了,是通过透明度淡出,然后新开关模式透明度淡入排列完成的,而且也没有类似iOS的回弹效果: 

更离谱的是这个随身听的打开/关闭效果,直接从屏幕右侧出来,这确定不是开玩笑吗... 

不过随身听内的动画倒是做的很不错,原子动效很丝滑,这里不细说,直接上图吧。 

而其他开关长按都可以跳转到相应的设置页面,有跳转动画;部分开关无法跳转,长按为打开/关闭的效果。点击开关按钮也有舒适的动画,按钮会有缩小的反馈,但是某些按钮动画还真不如1.0的啊。

▍其他

音量条/亮度条滑动调节没有触底/触顶的反馈动效,较为生硬。 

开关数据网络,飞行模式,连接WiFi控制中心上方也会有上移,下移补位的舒适动画。 

状态栏在应用使用相机,定位,录音,打开飞行模式,Monster模式也会有图标滑动的提醒动效,电池图标也会在充电时有动效提醒。

若关闭动态效果的中的实时模糊,则控制中心和控制中心下拉全部变为淡入模糊截图。 

桌面状态下,点击顶部弹出的悬浮通知,悬浮通知透明度淡出,应用以屏幕图标约二三行为锚点,透明度放大淡入,并没有连贯的矩形变换动画;应用打开状态下时,点击顶部弹出的悬浮通知,悬浮通知透明度淡出,直接闪现至应用,并无相关跳转动画。 

至此,OriginOS 3 动效解析完毕,感谢您的阅读!

一起期待一下11.1日VDC上的OriginOS 4! 


发布时间 2023年10月26日 18:04
山西
7350
10