一个向上滑动的面板，就像 google 具有中间状态的地图应用程序

Question

我想要 Google 地图应用的业务页面所具有的确切内容。

我在我的项目中使用 SlidingUpPanel (lib)。我有一张地图 activity，我想要一个像 google 地图这样的向上滑动面板，在我的滑动面板顶部有一个 fab 按钮。 this is what i want

这是我的布局XML:

<com.sothree.slidinguppanel.SlidingUpPanelLayout
xmlns:sothree="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/tools"
android:id="@+id/SlidingPanel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom"
sothree:umanoPanelHeight="96dp"
sothree:umanoShadowHeight="4dp"
sothree:umanoAnchorPoint="0.7"
sothree:umanoParallaxOffset="100dp"
sothree:umanoOverlay="true">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:minHeight="?attr/actionBarSize"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:titleTextColor="@android:color/white"
    app:layout_scrollFlags="scroll|enterAlways"
    android:background="?attr/colorPrimary">
</android.support.v7.widget.Toolbar>

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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/NestedScrollView">

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

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

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="@string/aaa"
                android:background="@android:color/white"/>

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</LinearLayout>

问题是这个向上滑动没有任何中间状态。它不是打开就是关闭，但我也需要半开状态。

Answer 1

你需要的是 BottomSheet UI 模式。

已添加到 Google's Design Support Library in version 23.2

Here 是关于如何使用它的示例教程。

一个向上滑动的面板，就像 google 具有中间状态的地图应用程序

a sliding up panel just like google maps app that have a middle state

java

android

slideup