Android 4.4 沉浸式设计思考

Android 4.4对UI的一大调整就是沉浸式设计,所谓沉浸式设计就是状态栏、虚拟按键可以动态隐藏,这使得开发者可以100%的使用屏幕,以Nexus 4为例,之前的竖屏可用空间为1084x768(顶部状态栏高度64px,底部虚拟按键132px)。这其中的好处也不止一点,在玩全屏游戏时一直受人诟病的虚拟按键问题通过这一设计也得到了解决。

最近几天Google自家的应用都开始陆续更新加入了这一设计,Google Play Book是最先更新使用这一设计风格的App。

2013-12-07 15.38.42

图1-全屏幕的空间使用

2013-12-07 15.38.37

图2-全屏后点击阅读区恢复状态栏、虚拟按键

Google Play Book在进入阅读界面是图2,当用户点击阅读区域,触发沉浸模式,与此同时ActionBar、SplitContentBar隐藏,完全实现全屏阅读。

但是在使用换另外一种情况,这一设计就显得有点捉襟见肘。与Google Play Book类似但在用户点击阅读区域时不隐藏ActionBar,但继续调用SystemUIVisiblablity()隐藏状态栏,在这个过程中界面会出现一个中间状态,如图。

2013-12-07 15.38.37

此时顶部状态栏会被移除,但是ActionBar可能由于重新绘制的原因会有延迟,导致上部显示出Content Layout的背景颜色,影响UI效果。

所以如果App使用了ActionBar,要隐藏状态栏的同时也要隐藏ActionBar,这样才不会出现上述的UI惨状。