复制Google Maps底部面板向上滑动

mraviator 发表于 Dev

食蚁兽

我正在尝试复制Google Maps的底部面板向上滑动动画：

点按“地图”标记可显示底部面板的小部分（标题）
在标题面板上向上滑动会显示一个完整的面板，其中包含更多信息。
在全尺寸面板上向下滑动可将视图还原为仅标题
轻按标记，然后显示底部面板

使用TranslationAnimation，我可以在点击标记时获得一个底部面板进行动画处理。我要解决的问题是，在动画结束时，必须将其“视图”设置为，VISIBLE以便显示面板，但随后显示整个面板，而不仅仅是顶部标题部分。

我目前正在使用包含LinearLayout的FrameLayout作为我的底部面板视图：

<FrameLayout
        android:id="@+id/viewBottomPane"
        android:layout_width="match_parent"
        android:visibility="gone"
        android:background="#000000"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|bottom">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <include
                android:id="@+id/paneHeader"
                layout="@layout/headerPanel" />
            <TextView
                android:id="@+id/paneFooter"
                android:text=""
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
            </LinearLayout>
    </FrameLayout>

我只想paneHeader在“地图”标记点按上显示，然后向上滑动以显示完整viewBottomPane，向下滑动以显示paneHeader并点按标记以隐藏全部。

阿西耶

我以前曾将该库用于该目的，并且运行良好。

https://github.com/umano/AndroidSlidingUpPanel

该文件说

此代码主要基于Android支持库的r13中开源的SlidingPaneLayout组件。感谢Android团队！

我已经在Android 2.3.6上尝试过，并且运行良好。不知道您是否需要它向后兼容，但是如果这样做将很有帮助。

您已经有了xml部分

<com.sothree.slidinguppanel.SlidingUpPanelLayout
    android:id="@+id/sliding_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="bottom">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Main Content"
        android:textSize="16sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center|top"
        android:text="The Awesome Sliding Up Panel"
        android:textSize="16sp" />
</com.sothree.slidinguppanel.SlidingUpPanelLayout>

还有你班上的听众

SlidingUpPanelLayout layout = (SlidingUpPanelLayout) findViewById(R.id.sliding_layout);
        layout.setShadowDrawable(getResources().getDrawable(R.drawable.above_shadow));
        layout.setAnchorPoint(0.3f);
        layout.setPanelSlideListener(new PanelSlideListener() {
            @Override
            public void onPanelSlide(View panel, float slideOffset) {
                Log.i(TAG, "onPanelSlide, offset " + slideOffset);
                if (slideOffset < 0.2) {
                    if (getActionBar().isShowing()) {
                        getActionBar().hide();
                    }
                } else {
                    if (!getActionBar().isShowing()) {
                        getActionBar().show();
                    }
                }
            }

            @Override
            public void onPanelExpanded(View panel) {
                Log.i(TAG, "onPanelExpanded");

            }

            @Override
            public void onPanelCollapsed(View panel) {
                Log.i(TAG, "onPanelCollapsed");

            }

            @Override
            public void onPanelAnchored(View panel) {
                Log.i(TAG, "onPanelAnchored");

            }
        });