Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿

前言

项目中我们通常将启动Activity命名为SplashActivity,并设置全屏,稍许停顿后再跳转LoginActivity或者MainActivity等非全屏Activity(后面统称为NormalActivity)。但是在跳到新界面的瞬间,状态栏生硬地从内容区挤出空间,插入在屏幕顶端,造成页面出现一次蜜汁卡顿。事故现场:

Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿_第1张图片
过渡时蜜汁卡顿.gif

一般实践

Google后可以找到一些解决方案,其中主要围绕这篇文章《Switching-from-Full-Screen-to-Non-Full-Screen-Smoothly-in-Android》的思想。总结一下,首先在onCreate()中调用setContentView()之前插入两行代码:

getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

这样做起到的效果是内容区会一直延伸到屏幕顶部,状态栏盖在内容区上面。如图:

Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿_第2张图片
内容区与状态栏重叠.jpg

然后,只需要想办法让内容区回到原来的高度,避免和状态栏重叠。

拓展
如果有小伙伴跟我一样还不熟悉setContentView()背后的布局层次,可以阅读《Android DecorView浅析》这篇博客,能帮你快速地了解。我在此借用了原博的一张图,谢过博主。

Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿_第3张图片
DecorView的层次结构.png

结合拓展,想必大家已经有还原内容区的思路了。我的总结如下:

  1. 为顶部控件(ToolBarTitleBar或自定义View)设置paddingTop,值为状态栏高度;
  2. 通过findViewById(android.R.id.content))得到编号21FrameLayout的实例,设置其marginTop,值为状态栏高度;
  3. 手动new一个高为状态栏高度view,利用编号1的LinearLayoutaddView()方法add到0位置上;
  4. 手动new一个高为状态栏高度view,add到由编号21FrameLayout.addView(),然后为我们的contentView设置MarginTop,高度为状态栏高度。

获取状态栏高度的方法:

int resId = getResources().getIdentifier("status_bar_height", "dimen", "android");
int statusBarHeight = getResources().getDimensionPixelSize(resId);
// getResources()也可以替换为Resources.getSystem(),这样的好处是不受Context的限制,从而可在任意地方调用

经试验以上方法均能够解决Activity跳转卡顿的问题。然鹅,主要在适配方面又会造成新的困扰(开发5分钟,适配两小时 (ಥ _ ಥ))。

  • 如果你的应用采用了沉浸状态栏设计,但状态栏颜色和ToolBar颜色不完全一致(比如微信),使用方法1会造成整体设计风格被破坏。
  • 方法2较方法1看上去差不多,然而,一些国内的ROM(如Flyme)系统可以自动帮你的App实现沉浸状态栏(即使你什么都没做)可谓非常先进和人性化。但是设置margin后有可能看到的状态栏背景和状态图标颜色几乎相近,既分辨不出图标又相当难看。
  • 方法3、4的方式更为灵活,就是稍微麻烦一点。

最佳实践

我们费尽心思在NormalActivity上做文章,结果到头来发现还会遇到适配这个坑,累觉不爱啊!前面扯了那么多,终归一句话:太!麻!烦!了!
所以重点来了。在SplashActivity中有没有文章可做呢?嘿嘿,当然是有的,而且思想非常简单:
设置SplashActivity为全屏,跳转其他Activity前退出全屏模式。

第一步,设置SplashActivity全屏
方法1:AndroidManifest注册全屏(AppCompat)
AndroidManifest.xml

   
         
            
            
         
    

style.xml


方法2:在Activity的onCreate()中,调用setContentView()之前调用

   getWindow().setFlags(
           WindowManager.LayoutParams.FLAG_FULLSCREEN, 
           WindowManager.LayoutParams.FLAG_FULLSCREEN);

第二步,在finish()之前调用

   getWindow().setFlags(
           WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN, 
           WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);

最终效果:

Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿_第4张图片
平滑过渡.gif

你可能感兴趣的:(Android Activity全屏平滑切换非全屏最佳实践,告别蜜汁卡顿)