简单的Android软键盘动画

发表于 分类于

随着androidx.core1.5.0的发布，我终于搞明白全屏、WindowInsets这些问题了。

2021年7月7日 更新收起键盘时闪烁问题的临时解决办法

  1. 设置windowSoftInputMode

    给Activity增加 android:windowSoftInputMode="adjustResize"

    根据官方文档：

    To ensure the best behavior for your app, you should specify how you’d like the system to display your UI in the remaining space.

    而且不同的系统版本，默认的行为不同，所以这里加一个确保行为一致。

    根据官方文档，还可以加一个stateHidden来避免在一些系统版本上一打开Activity，软键盘就弹出的问题。

  2. 全屏/让内容显示在系统界面之后

    WindowCompat.setDecorFitsSystemWindows(window, false)

  3. 透明状态栏和导航栏

    1
    2
    3
    4
    window.run {
        statusBarColor = Color.TRANSPARENT
        navigationBarColor = Color.TRANSPARENT
    }

    更完美的颜色参照Gesture Navigation: going edge-to-edge (I)。

  4. 避免View和系统界面重叠

    如果顶部是AppBarLayout，就增加一个android:fitsSystemWindows="true"来让它自己处理顶部。底部也可以用默认处理，但通常效果不理想。

    如果是普通View：

    1
    2
    3
    4
    5
    6
    7
    8
    ViewCompat.setOnApplyWindowInsetsListener(binding.root) { v, insets ->
        val bottomInsets = insets.getInsets(
            WindowInsetsCompat.Type.systemBars() or WindowInsetsCompat.Type.ime()
        )
        v.updatePadding(bottom = bottomInsets.bottom)
        val keyboardShown = insets.isVisible(WindowInsetsCompat.Type.ime())
        insets
    }
    • 这里也是检测键盘是否弹出的地方。
    • 在键盘弹出时，导航栏高度算在软键盘高度的一部分中的。
    • 在下一步增加动画前，在这里先确保应用可以正常显示。

  5. 增加动画

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    ViewCompat.setWindowInsetsAnimationCallback(
        binding.root,
        object : WindowInsetsAnimationCompat.Callback(DISPATCH_MODE_STOP) {
            override fun onProgress(
                insets: WindowInsetsCompat,
                runningAnimations: MutableList<WindowInsetsAnimationCompat>
            ): WindowInsetsCompat {
                val bottomInsets = insets.getInsets(
                    WindowInsetsCompat.Type.ime() or
                        WindowInsetsCompat.Type.systemBars()
                )
                binding.root.updatePadding(bottom = bottomInsets.bottom)
                return insets
            }
        }
    )

    上述方法有一个问题，在收起键盘时，会闪烁一下。原因似乎是在onPrepare和onStart之间的，使用动画结束状态调用OnApplyWindowInsetsListener出了问题，但官方文档中提到了这之间是不会发生Layout的。另外根据官方示例使用translationY的话，是没有问题的。因此原因尚不明了。

    现在的一个临时解决方案是在，onPrepare中开启一个Flag，在onEnd中关闭，然后在OnApplyWindowInsetsListener中，如果Flag开启，就不应用Padding。

  6. 其他考虑

    • 如果要显示Snackbar，需要额外测试。Padding可能不是最好的方法，可能需要Margin或额外的Space View。
    • 显示软键盘，似乎Showing the Android Keyboard Reliably比WindowInsetsController处理的情况更多且更好用。关闭的话，WindowInsetsController就可以。
    • 去开发者选项中把动画速度调成10倍，不然根本看不清楚效果。