谷歌收件箱如何显示覆盖键盘的 snackbar？

Question

谷歌收件箱如何显示覆盖键盘的 snackbar？

androidandroid-layoutandroid-activityandroid-snackbarsnackbar

7

谷歌收件箱是如何在键盘上方显示 snackbar 的？这不是默认行为，我已经使用基本协调员布局、打开键盘和一个 snackbar 进行了测试：默认行为是在键盘后面显示 snackbar。网上有很多关于“如何在键盘上方显示 snackbar”的问题的答案，但我没找到如何复制谷歌自己收件箱应用程序的 snackbar 行为。

你能告诉我如何实现这个功能吗？

- Erik

我尝试将Snackbar视图的高度设置为大数字，但这并没有帮助。我尝试了高达5000的高度！ - Erik

1

我认为他们必须使用一个覆盖窗口（例如，在8.0之前是TYPE_SYSTEM_OVERLAY，在8.0+上是TYPE_APPLICATION_OVERLAY）。我不使用Google Inbox，所以无法测试这种情况。但是，如果Inbox在8.0+上没有这种行为，但在7.1及更早版本上有，则很可能是一个覆盖层，因为在8.0+上，覆盖层无法覆盖IME。 - CommonsWare

“elevations” 仅影响应用程序布局内部。我认为使用不同的上下文创建 Snakebar 可能存在一些技巧。 - sakiM

@CommonsWare 这个问题在 Android 7.1（问题截图中）和 8.0（我的当前手机）上都存在。 - Erik

很少有应用程序需要使用此权限；这些[悬浮]窗口旨在与用户进行系统级交互。我的用例不合法使用此权限：我想在 Snackbar 打开时向我的用户提供反馈，并支持没有足够空间在键盘上方放置 Snackbar 的小屏幕。此外，我在 Google Inbox 中看到了这种 Snackbar 行为，所以我认为这对我来说是一个好的解决方案。但是目前还没有成功。 - Erik

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mattia Maestrini · Accepted Answer

收件箱不使用标准的Snackbar，也不使用重叠窗口，它使用自定义视图。我反编译了APK以验证它们是如何实现这种效果的，并尝试复制一个最小示例。

首先创建一个新布局custom_snackbar.xml：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#323232"
    android:paddingLeft="10dp"
    android:paddingRight="10dp">

    <TextView
        android:id="@+id/text"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center_vertical"
        android:text="Marked done"
        android:textColor="@android:color/white"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:gravity="center_vertical"
        android:minWidth="48dp"
        android:text="undo"
        android:textAllCaps="true"
        android:textColor="#a1c2fa"/>

</LinearLayout>

接下来创建这些方法以显示和取消自定义 Snackbar：

private View customSnackbar;

private void showCustomSnackbar(final Context context) {
    customSnackbar = LayoutInflater.from(context).inflate(R.layout.custom_snackbar, null, false);
    customSnackbar.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //action implementation
        }
    });

    WindowManager.LayoutParams lp = new WindowManager.LayoutParams();
    lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
    lp.width = WindowManager.LayoutParams.MATCH_PARENT;
    lp.format = PixelFormat.TRANSLUCENT;
    lp.gravity = Gravity.BOTTOM;
    lp.flags = WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH |
            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE |
            WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
    customSnackbar.setLayoutParams(lp);

    WindowManager windowManager = (WindowManager) context.getSystemService(WINDOW_SERVICE);

    if (windowManager != null) {
        windowManager.addView(customSnackbar, customSnackbar.getLayoutParams());

        Point m = new Point();
        windowManager.getDefaultDisplay().getSize(m);
        int childMeasureSpecWidth = ViewGroup.getChildMeasureSpec(View.MeasureSpec.makeMeasureSpec(m.x, View.MeasureSpec.EXACTLY), 0, lp.width);
        int childMeasureSpecHeight = ViewGroup.getChildMeasureSpec(View.MeasureSpec.makeMeasureSpec(m.y, View.MeasureSpec.EXACTLY), 0, lp.height);
        customSnackbar.measure(childMeasureSpecWidth, childMeasureSpecHeight);

        customSnackbar.setTranslationY(customSnackbar.getMeasuredHeight());
        customSnackbar.animate()
                .setDuration(300)
                .translationX(0.0f)
                .translationY(0.0f);
    }
}

private void dismissCustomSnackbar(final Context context) {
    customSnackbar.animate()
            .setDuration(300)
            .translationX(0.0f)
            .translationY(customSnackbar.getMeasuredHeight())
            .withEndAction(new Runnable() {
                @Override
                public void run() {
                    WindowManager windowManager = (WindowManager) context.getSystemService(WINDOW_SERVICE);
                    if (windowManager != null) {
                        windowManager.removeView(customSnackbar);
                    }
                }
            });
}

这是所得到的结果：