美文网首页android开发Android
Android Activity全屏平滑切换非全屏最佳实践,告别

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

作者: woxingxiao | 来源:发表于2016-09-07 22:55 被阅读2276次

前言

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

过渡时蜜汁卡顿.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);

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

内容区与状态栏重叠.jpg

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

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

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

   <activity
      android:name=".SplashActivity"
      android:theme="@style/AppFullScreenTheme">
         <intent-filter>
            <action android:name="android.intent.action.MAIN"/>
            <category android:name="android.intent.category.LAUNCHER"/>
         </intent-filter>
    </activity>

style.xml

<style name="AppFullScreenTheme" parent="@style/Theme.AppCompat.Light">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

方法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);

最终效果:

平滑过渡.gif

相关文章

网友评论

  • 远方夕阳:方法好是好,但是配合转场动画,全屏返回到非全屏时
    ActivityCompat.finishAfterTransition(this);
    就出现了尿崩的情况

本文标题:Android Activity全屏平滑切换非全屏最佳实践,告别

本文链接:https://www.haomeiwen.com/subject/yedcettx.html