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

1. 点击 map 标记显示底部面板的小部分(标题)
2. 在标题面板上向上滑动会显示一个包含更多信息的全尺寸面板。
3. 在全尺寸面板上向下滑动可恢复仅标题 View
4. 点击标记，底部面板消失

使用 TranslationAnimation，我已经能够让底部面板在点击标记时动画起来。我遇到的问题是，在动画结束时，我必须将其 View 设置为 VISIBLE 以便面板显示，但随后会显示整个面板，而不仅仅是顶部标题部分。

我目前正在使用包含 LinearLayout 的 FrameLayout 作为我的底部面板 View :

<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>

我只想在 map 标记点击时显示 paneHeader，然后向上滑动以显示完整的 viewBottomPane，向下滑动以显示 paneHeader然后点击标记以隐藏所有。

最佳答案

我以前为此目的使用过这个库，效果很好。

https://github.com/umano/AndroidSlidingUpPanel

文档是这样说的

This code is heavily based on the opened-sourced SlidingPaneLayout component from the r13 of the Android Support Library. Thanks Android team!

我在 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");

            }
        });

您还可以声明 View 将触发 Pane 向上事件。

希望对您有所帮助! :)

关于android - 复制谷歌地图底部面板向上滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21826892/