[Android Material Design]组件14 - BottomSheet

效果图

点击按钮时，创建BottomSheetDialogFragment实例，并将该fragment显示出来。

关键代码

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }

    fun openBottomSheetDialogFragment(view: View?) {
        val dialogFragment = MyBottomSheetDialogFragment()
        dialogFragment.show(supportFragmentManager, "MyBottomSheetDialogFragment")
    }
}

class MyBottomSheetDialogFragment : BottomSheetDialogFragment() {
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val view = inflater.inflate(R.layout.dialog_bottom, container, false)
        val gotit = view.findViewById<TextView>(R.id.gotIt)
        gotit.setOnClickListener { dismiss() }
        return view
    }
}

MainActivity对应的布局文件如下，在该布局文件中指定了MaterialButton的onClick点击函数openBottomSheetDialogFragment，即点击按钮会触发该函数执行

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.google.android.material.button.MaterialButton
        android:id="@+id/btnBottomSheetDialogFragment"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_margin="60dp"
        android:onClick="openBottomSheetDialogFragment"
        android:textAllCaps="false"
        android:text="SheetDialogFragment" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

MyBottomSheetDialogFragment对应的布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/llBottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_marginLeft="16dp"
            android:layout_marginTop="16dp"
            android:gravity="center_vertical"
            android:text="THIS IS TITLE"
            android:textSize="24sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="Bottom Sheet ." />
    </LinearLayout>

    <TextView
        android:id="@+id/gotIt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_margin="20dp"
        android:clickable="true"
        android:foreground="?attr/selectableItemBackground"
        android:text="GOT IT"
        android:textColor="@color/purple_700"
        android:textStyle="bold" />
</LinearLayout>

源码地址

https://github.com/yurensan/MaterialDesignDemo

我是予人三，希望大家点赞支持我哦~ 有大家的鼓励我会分享更多内容