像Share Sheet的Android BottomSheet,底部有锚定视图

时间:2016-06-07 14:46:35

标签: android bottom-sheet

我尝试使用支持库的BottomSheetDialogFragment来复制点击“分享”按钮时显示的标准工作表(见下文)。我如何实现类似的布局,其中顶部有一个标题,中心可以独立滚动内容,但底部锚定视图的按钮始终保持在顶部。

enter image description here

2 个答案:

答案 0 :(得分:0)

您需要为bottomSheet构建自定义布局,例如share_bottom.xml。在那个布局中你可以

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/bottomSheet"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/bottom_sheet_behavior"
    app:behavior_hideable="true"
    app:behavior_peekHeight="200dp">
  <TextView
        android:layout_width="match_parent"
        android:text="header"
        android:layout_height="wrap_content"/>
   <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
    <LinearLayout
        android:layout_weight="0"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
</LinearLayout>

然后将其包含在片段布局的底部:

之后,您可以控制此工作表的可见性

//retrieve the bottomsheet
bottomSheet = (LinearLayout) findViewById(R.id.bottomSheet);
//get the behaviour controller
bsb = BottomSheetBehavior.from(bottomSheet);
//hide the sheet
bsb.setState(BottomSheetBehavior.STATE_HIDDEN);
//showthe sheet
bsb.setState(BottomSheetBehavior.STATE_EXPANDED);

答案 1 :(得分:0)

我也有同样的问题。我解决了使用这些步骤。

  • 将FrameLayout作为根布局。
  • 包含要锚定为第二个孩子的视图,第一个孩子应包含所有活动内容。
  • 在展开底部工作表时显示第二个子项的动画,并在折叠底部工作表时使其不可见。
  • 可以使用底部工作表内的滚动视图或嵌套滚动视图来实现底部工作表中的独立滚动内容。
  • 要调暗背景,请参阅this link

这只是一种解决方法。基本上我所做的是复制持久性底部表格,就像模态表一样。