天，Android 和 iOS 迎来了较大的版本更新。

前者发布了 Android 11 开发者预览版的第二个版本（DP2）；

后者推送了 iOS 13.4 最终测试版（GM）。

对于普通用户而言，两个新版本都不推荐使用，毕竟是测试版。

但正式版迟早都会到来，提前了解更新内容准是没有错的。

Android 11 开发者预览版 2

相较于首个预览版，Android 11 DP2 的更新内容并不多，但涉及到很多热点，如 5G、折叠屏、刷新率等。

• 5G 状态 API

Android 11 DP2 新增了 5G 状态 API，能让应用得知当前是否为 5G 网络。

有了这一接口，应用可以在检测到接入 5G 网络时，提供高带宽专属服务。

另外还能根据这一信息，发出「当前网速过快，注意流量消耗」等提示。

实在没啥想法，学谷歌用来简单地显示一个 5G 图标或动画，用来增强 5G 网络的仪式感也不错。

• 可折叠设备的铰链角度

近期华为 Mate Xs 和三星 Z Flip 的推出，加上后续大量时尚博主推广，折叠手机人气飙升。

在 Android 11 DP2，APP 可以直接获取到折叠手机屏幕的展开角度。

应用获取这项信息有什么用？

拿输入法来说，这类 APP 可以开发一种笔记本键盘模式，在手机展开到 120° 时自动切换全键盘铺满半侧屏幕，提高双手输入体验。

既然三星 Z Flip 被称为粉饼盒，那不如在检测到 90 度展开时，自动开启镜子功能，真正打入美妆界。

• 关于刷新率

在 120Hz 下运行只支持 60 帧的应用就是徒增功耗，所以，Android 11 DP2 提供了一个应用首选帧率接口。

王者荣耀目前只支持 60 帧。

在设置了首选帧率之后，运行王者荣耀时屏幕刷新率就会自动匹配到 60Hz，而不必白白刷新浪费电量。

虽然目前部分厂商已经提供了自动刷新率选项，但系统底层适配是比第三方厂商适配要更为便利的。

• 更自然的输入法动画

输入法动画是什么？

键盘弹出和关闭。

比如说，点击微信的输入框之后，微信底部上移，输入法弹出。

理想状态下，这两个动画应该是逐帧同步的，也就是微信底部上移多少，输入法就弹出多少。

但现实是，这两个动作无法同时完成。

有些手机在打开输入法的时候还会出现严重的掉帧或者卡顿情况。

为此，Android 11 DP2 加入了全新 API，让输入法与 UI 精准同步。

下面这两种动画效果，就是在新 API 下实现的。

• 隐私

隐私保护方面，Android 每次都有新惊喜。

这回，Android 11 DP2 进一步限制麦克风和摄像头权限。

如果应用不提供前台服务，就无法调用这两个接口。

总的来说，Android 11 DP2 主要是为开发者提供了更多接口。

如果 APP 能够灵活应用，未来的软件体验必然是好上加好。

下面我们再来看看最新的 iOS 13.4 GM。

iOS 13.4 GM

相较于 Android 11 DP2，iOS 13.4 的内容更少，毕竟这已经是 iOS 13 的第四个版本了。

• 新增 9 款 Memoji 和 Animoji，包括震惊、爱心、白眼等

• 共享 iCloud 云盘文件夹

• 完善 iPad 鼠标和触控板支持

昨天，苹果为 iPad Pro 推出了一款带触控板的妙控键盘。

今天，软件方面也将迎来更新，为 iPad 将加入多点触控手势和专属光标。

除此之外，iOS 13.4 还引入了一些细节变化，如改进邮件工具栏、CarPlay 控件、Safari 地址栏等等。

据悉，今天推送的 iOS 13.4 是 GM 版本，即最终测试版。

正式版预计 3 月 25 日面向所有用户推送。

值得注意的是，iOS 13.4 曾在测试版本中小范围测试了岭南通、深圳通、京津冀互联互通卡等交通卡，它们或许会在正式版亮相。

这些新功能，你更期待哪一项呢？

录窗口在我们日常使用应用或者打开网站时都会碰到，已经屡见不鲜，今天浏览网页的时候，看到一个登录窗口，感觉动效还挺好的，就用Axure做了一个原型，供大家参考学习。

效果描述

1、Email获取焦点时，提示文案“Email”变小上移，同时下划线变色显示待输入状态；失去焦点时，无输入则返回默认状态，有输入则只有下划线回到默认状态，Code输入同理。

元件准备

Email输入框：“Email”文本+无边框文本框+下划线（Code同理）

滑动验证：滑块动态面板+底层滑道

登录按钮：登录按钮

命名：“Email”文本命名“hint”；无边框文本命名“input”；滑动动态面板命名为“slider”；底层滑动命名为“slider frame”；登录按钮命名为“button”。

添加用例

一、首先制作Email输入效果

无边框文本框“input”获取焦点时，Email文本“hint”变小上移，同时下划线变色显示待输入状态；失去焦点时，无输入则返回默认状态，有输入则只有下划线回到默认状态。

1、设置“hint”的选中状态为字号变小一点；画一条带颜色的下划线，命名为“line”并设置为隐藏。

2、选中“input”，添加用例“当获取焦点时，hint选中状态为Ture；hint200ms线性移到某个位置（我是直接移动到某个坐标的）；且line向右滑动100s显示”。

3、为“input”失去焦点时添加用例，这里分没有输入的情况和有输入的情况，设置用例时需要添加条件，添加用例“if 文字于 input == “”时（即输入为空时），hint选中状态为False；hint200ms线性回到初始位置（我也是直接移动到初始坐标的）；且line向右滑动100s隐藏”。

4、再添加用例2，其他情况时，也就是有输入的情况，添加用例“line向右滑动100s隐藏”。

5、Code输入效果模仿Email输入制作就可以了。

二、制作滑块滑动验证效果

拖动滑块进行验证，没拖到最右边，拖动结束时弹回原位置；拖到最右边，拖动结束时显示验证成功！

1、设置滑块“slider”（设置为动态面板才能添加拖动事件）可以拖动，添加用例“拖动时，slider在？水平拖动”，这时需要设置边界？，保证slider在这个边界区间滑动，而不是随意拖动位置。

这里用滑块slider的左侧和右侧所处x轴数值为边界区间，即滑块在>=左侧x坐标值、<=右侧x坐标值之间拖动，如下图所示。

用例设置界面如下：

2、设置滑块slider拖动结束时的效果，有两种情况，一是没拖到最右边，返回原位置；另一种是拖到最右边，验证通过。这边我们可以在最右边添加一个透明的元件，我用的是热区“contact”，我们可以设置滑块slider没接触到热区和接触到热区，即没拖到最右边和拖到最右边（contact和底层滑道有1像素的重叠）。

为拖动结束时，添加用例“if 区域于 slider 接触 区域于 contact，底层滑道slider frame设置文本为 恭喜您，验证通过！；slider设置文本为对号（用的是字体图标）”（提示：这里的设置文本，都是选择的富文本，不是值，因为富文本可以编辑字体的颜色和大小等属性）。

3、再添加用例2，其他情况时，即没有接触到contact时，添加用例“回到拖动前位置”。

三、制作登录按钮移入和点击状态。

登录按钮“button”移入时有反馈，点击有反馈，点击后回到默认状态，所以要设置悬停和按下状态（上面说的选中状态的设置就在这里设置）。

完成，生成Html预览

按下“F5”预览下，看看实际效果吧！

有问题可以随时交流哦！

本文由 @ 焦户易美 （微信公众号“焦户易美”）原创发布于人人都是产品经理。未经许可，禁止转载。