pixel3 android 12 轻体验

10月20日 android 12 正式版发布了,就第一时间把手里的 pixel3 升级,体验新版本变化

# 开始升级

乘着纸飞机,进入系统更新,开始下载版本

android12_1

android12_2

这次的安装包比 11 大了 170MB,想着包含大量界面变动,想着好有些激动。下载好重启安装过一会就升级成功了

android12_3

android12_4

# 体验

这次的界面改动很大,新的设计语言,新的动画,全新的感觉。当然有好也有差劲的地方,比如原生界面的 BottomNavigationBar 真是丑到爆炸,经典的左右滑动切换没有了

# Material You

根据壁纸色调生成主题色,效果还是很棒的

android12_5

android12_6

不过现在图标还是beta版本,而且不支持第三方图标,启用后图标效果过于割裂,不建议目前使用。希望后期通过滤镜优化

android12_7

android12_8

android12_9

android12_10

android12_11

android12_12

android12_13

整体的交互动画做的很棒,无论是通过不同方式点亮屏幕的交互动画、还是当插上电源从底部向顶部的水波纹动画、还是从应用界面回退到主界面时应用界面缩小回到icon的动画等等。感觉404终于认真做交互了

# 每版必看

设置界面的风格给我一种ios的感觉,特别是设置俩个字的位置及向上拖放的交互动画

android12_14

长截屏终于好用啦。当截屏的界面过长时,截屏时就会弹出 获取更多内容

android12_15

android12_16

这次改回之前的局中方案,我是喜欢这个变动的,方便操作。

android12_17

# 彩蛋

android12_18

android12_19

探索 vue 的动态生成表单组件

探索 vue 的动态生成表单组件

在日常开发中我们经常会运用到表单,如何复用复用表单一直是我所探究的内容