OriginOS 3 动效解析

大家期待的桌面动效解析终于来啦！

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

先给大家科普一下：

实时模糊：系统直接将背景或图像处理为模糊状态，并且可以跟随图像的变化实时处理（可看到图像从无模糊到模糊状的过渡）。 

非实时模糊：系统将需要模糊的图像，截图生成一张模糊好的图像，然后进行透明度淡入（就像糊了一张模糊的图片）。 

怎么区分：例如视频播放时，下拉通知栏，实时模糊情况下可看到背景为动态正在播放的模糊视频。非实时模糊则状态栏背景是静态的模糊图片。

接下来进入正题： 

首先提到这个就得说一下OriginOS 1.0 的应用开关动效了，打开应用，桌面背景放大，全屏图标收缩，同时全屏实时模糊，应用打开动画舒适，同时也有舒适的逆向返回桌面动画（壁纸收缩归位，全屏图标放大）。 

升级到3.0之后，就...只剩下壁纸缩放和图标放缩的动效了，实时模糊去除，同时动画速率也有一定的加快。手指触碰到图标时，图标缩小，模拟按下效果， 

然后进行打开软件，图标变换为匹配屏幕的圆角，然后淡入软件界面。 

退出应用时，应用界面淡入图标，然后回到桌面。这个过程中，图标到应用界面的衔接是图标等比例放大做裁切和应用界面来进行过渡。

不过，在应用退出时，应用界面到图标的转换非常快，这就导致在退出时很容易看到很大的图标。这个操作很容易在连续打开同一个应用时察觉到（有网友说3.0改了，但是我还是觉得渐变到图标的过程有点提前）。 

在退出应用时，很经典的跟随运动路径“甩回去”“弹回来”的效果也被砍了。 

如果使用了非系统主题的图标，那开关/动画就又变了，这时候和Dock栏应用打开/关闭用的同样一套动画逻辑，详细分析可以看下文的（Dock栏应用开/关动效）。 

下图为关闭APP动画 

桌面常驻栏提供了两种不同风格的图标显示（默认主题下），所以有一套不同于桌面的应用开/关动效，点击图标时，有壁纸放大，全屏图标收缩，有按下的缩小动画，然后放大，放大到一定程度时，应用从上方淡入圆角矩形界面，然后变为匹配屏幕的圆角矩形，然后打开。 

退出是打开的逆向播放，应用界面到圆角矩形到圆形最后淡出到图标。 

打断动画的话这里只说下缺陷。首先就是连续打断同一个应用，会很容易看到大图标的情况。同时伴随的还有连续打断时，如果应用未完全打开直接打断，壁纸会直接放大到最大，然后跟随应用关闭缩小，视觉感受就是壁纸一顿一顿的。 

还有一个缺陷就是连续打断多个应用时，在前一个应用未关闭的时候直接点击打开另一个应用，上一个应用关闭的动画会直接丢失... 

文件夹背景无模糊，点击文件夹后文件夹底板还在原位，没有按下的缩小动画，背景实时模糊，文件夹名称淡入移至相应位置，应用连贯放大至屏幕中间。 

点击打开应用动画和点击桌面应用动画保持一致，唯一不同的是退出应用时，是直接退出到桌面（应用界面过渡到桌面文件夹图标等比例放大裁切状态然后过渡到文件夹图标状态），而不是其他友商的文件夹的打开状态。 

emm...然后又发现小白条的bug了...

在文件夹变形状态下，可直接点击展示的图标进入应用，和桌面应用开/关动效基本一致，唯一不同的是按下没有收缩的动画，而对于不能直接点击的应用就需要打开文件夹了，打开大文件夹动画与桌面文件夹动画一致。

打开大文件夹后应用打开退出也与文件夹应用开/关动画一致，这里就不再重复了。

注：文件夹开/关不支持打断动画。  

桌面原子组件开/关也是和应用一样的过渡方式，但是对于打开后有相同元素的原子组件通过连贯的位置变化是不是要比这种透明度淡入要好很多也更连贯。 

下图为原子组件关闭： 

长按图标，图标在手指触碰到时缩小然后放大，同时，图标右下角出现拉伸按钮，快捷菜单透明度淡入弹出，有灵魂回弹，松手后图标缩小然后回弹至目标位置。整套动画下来感觉相当给力，唯一有点遗憾的是没有类似iOS的背景下沉和模糊，菜单不是很突出。 

如果手速过快的话，动画播放不完整会出现闪动的情况，这个现象在文件夹会出现一层白色覆盖。 

点击快捷菜单后启动应用的动画就更奇怪了，不是从软件连贯打开，大部分情况从第二三行图标处透明度淡入放大打开，还有的直接从屏幕右侧进入，更有甚者无动画直接闪现..至于其他还没发现。 

退出的话可以正常退出到应用图标。 

理想状态下，右滑进入负一屏，桌面实时模糊，背景下沉，负一屏卡片出现。既然有理想状态，那不理想状态就是右滑后，桌面实时模糊，背景下沉，卡片重新载入了。 

先从最顶部的搜索框开始，点击后进入搜索界面，采用透明度淡入的方式进入页面，背景实时模糊，并没有搜索框连贯的过渡动画，退出时同样采用透明度淡出。 

点击右上角添加组件按钮或者下方添加组件的长条按钮，进入添加组件的界面，顶部搜索框，设置添加组件按钮变为（长按可拖动添加至智慧桌面）背景压暗，同时底部弹出添加组件界面，有经典的回弹效果。 

可拖动或者点击添加到负一屏界面，拖动添加时页面左上角为取消按钮，可拖动到左上方取消，同时有震动反馈效果，但是效果不理想...

拖动放置在负一屏松手时，系统会有透明度摆放位置提示，组件缩小淡出，随后目标位置小部件放大透明度淡入，emm...不连贯。 

通过点击添加组件，组件默认摆放在已有组件后方，透明度放大淡入出现。 

再来看下移除动画，长按后背景压暗弹出快捷菜单，快捷菜单有灵魂回弹，点击后缩小透明度淡出至消失，随后其余组件补位。 

最后来说下，负一屏部件的开/关动画，这个也是比较乱，大部分情况下，点击后会从屏幕右侧浮入，手势返回时，浮至右侧浮出，如果上滑退出，则直接退出到桌面。其他情况就是部件凭空打开和无动画打开... 

一些不符合逻辑的地方：

负一屏直接上滑进入多任务界面，多任务界面背景则会直接到桌面。

负一屏顶部搜索栏位置背景为模糊，上滑时可以看到与部件有分割，在负一屏界面滑动触底时，这个分割也会变化，不太符合逻辑。 

负一屏组件不支持拖动至桌面。 

写在最后：

本来打算这篇文章把多任务界面的动效和小窗的写了的，不知不觉已经写了2400多字了，真的淦不动了，下篇再给大家出「多任务和小窗的动效解析」。

感谢大家的阅读！