如何实现像 Gmail 应用一样的双指缩放行为？我将 header 容器放在 ScrollView 中，然后是 WebView。看起来这是非常复杂的行为。

这里是没有缩放的。

当我们捏住 Webview 上层容器按缩放向上滚动时:

到目前为止，这是我的姓名缩写:

  <?xml version="1.0" encoding="utf-8"?>
  <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@color/white">

    <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="@color/white"
       android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white">

        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/appbar">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:background="@color/colorPrimary"></FrameLayout>

            <WebView
                android:id="@+id/webView"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/white"
                android:scrollbars="none" />
        </LinearLayout>
    </ScrollView>
  </RelativeLayout>
</FrameLayout>

最佳答案

GMail 使用启用了双指缩放的 Chrome WebView。缩放仅适用于单线程 View 。 WebSettings setBuiltInZoomControls()默认为 false 和 setDisplayZoomControls()默认为 true。通过改变两者，缩放工作并且没有显示缩放控件:

webview.getSettings().setBuiltInZoomControls(true);
webview.getSettings().setDisplayZoomControls(false);

并且该工具栏是透明样式的 ActionBar ，样式 windowActionBarOverlay 设置为 true:

Flag indicating whether this window's Action Bar should overlay application content.

ActionBar 的底部阴影在最顶部的滚动位置被移除。这个监听垂直滚动事件而不是任何缩放手势。这个效果是这样工作的(最初那个阴影必须被隐藏):

webView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
    @Override
    public void onScrollChange(View view, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
        if(scrollY == 0) {
            /* remove the ActionBar's bottom shadow  */
        } else {
            /* apply the ActionBar's bottom shadow */
        }
    }
}

取决于 OnScrollChangeListener 被触发的频率，甚至检查 scrollY == 0 和 scrollY == 1 可能已经足以切换阴影打开和关闭。

缩放时，这似乎是一个 ScaleGestureDetector.SimpleOnScaleGestureListener(请参阅 docs)，其中 .getScaleFactor() 用于为辅助“工具栏”设置动画"垂直顶部位置，然后将其推到可见视口(viewport)之外。这个辅助“工具栏”似乎是一个嵌套的垂直 DrawerLayout - 不能手动移动 - 这就是为什么它移动得那么平滑...... DrawerLayout 不限于水平抽屉；我认为这就是答案。

编辑:我现在相对确定，这是带有MDC Motion 的AndroidX。 .

关于android - Gmail如何实现捏缩放和标题滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54570283/