可扩展的滚动片段/视图在另一个片段上

时间:2016-11-29 09:37:55

标签: android listview android-fragments fragment

我需要创建一个Android应用,其工作方式与最新的谷歌地图类似(您点击一个地点,并从底部弹出一个视图。您甚至可以将此视图展开为全屏片段) 不幸的是,我无法复制这种行为。我在github上找到了一个库,它提供了滚动面板。但我不确定这是否是我需要使用的。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

Google设计支持库中有一个名为BottomSheet的行为,您可以使用它来实现该行为。将其添加到您的App模块gradle

compile 'com.android.support:design:23.2.0'

然后在你的xml中添加Bottom

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">



<android.support.v4.widget.NestedScrollView
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="350dp"
    android:clipToPadding="true"
    android:background="@android:color/holo_orange_light"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior"
    >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/ipsum"
        android:padding="16dp"
        android:textSize="16sp"/>

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


</android.support.design.widget.CoordinatorLayout>

请注意,NestedScrollView是Given BottomSheetBehavior

app:layout_behavior="android.support.design.widget.BottomSheetBehavior"

然后是Java文件

private BottomSheetBehavior mBottomSheetBehavior;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View bottomSheet = findViewById( R.id.bottom_sheet );
mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet);
}

然后显示底页使用

mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);

并隐藏底页使用

mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);

有关详细信息,请查看 BottomSheet Example