Android底部工作表工具栏,例如Telegram

时间:2019-12-30 02:19:42

标签: android android-toolbar bottom-sheet

在我的Android应用程序中,我有底部工作表,并且我尝试使其像应用程序Telegram一样,在底部工作表中显示的是图像库项目上的粗边框,当展开到顶部时,它显示了带有一点动画的工具栏带有微调器和后退按钮。

我的布局文件BottomSheetDialogFragment

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    android:layout_height="match_parent"
    android:layout_width="match_parent">

    <RelativeLayout

        android:id="@+id/topBarBottomSheet"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Spinner
            android:id="@+id/attachmentOption"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginLeft="10dp"
            android:layout_marginStart="10dp" />



        <ImageButton
            android:id="@+id/closeButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="15dp"
            android:background="@drawable/ic_highlight_off_black_36dp"
            android:layout_marginEnd="15dp" />

        <SearchView
            android:id="@+id/searchView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/closeButton"
            android:layout_toStartOf="@id/closeButton"
            android:layout_marginRight="20dp"
            android:layout_marginEnd="20dp" />

        <EditText
            android:id="@+id/searchViewEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Name"
            android:layout_below="@id/searchView"
            android:layout_marginTop="5dp"
            />
    </RelativeLayout>

这是电报在做什么

enter image description here

这是我到目前为止所取得的成就

enter image description here

2 个答案:

答案 0 :(得分:0)

使用宽度match_parent,高度?actionBarSize,方向horizontal和重力center_vertical的LinearLayout代替RelativeLayout。然后根据需要选择背景

答案 1 :(得分:-1)

您要隐藏底部按钮(图库,文件,位置...)并在使用平滑动画制作全屏时显示微调框而不是标题吗?

Like this