Android 如何从 Material Design 文档中实现 Bottom Sheet

2023-11-30

如何实现底页规范?http://www.google.com/design/spec/components/bottom-sheets.html

Google Drive 的新更新显示了这一点,按下浮动操作按钮 ->

enter image description here

诚然,规格从未提及任何有关圆角的内容,无论是否可以做到,只是不确定如何去做。当前使用 AppCompat 库并将目标设置为 21。

Thanks


Edit

The BottomSheet现在是的一部分android-support-library. See 约翰·雪莱的回答.


不幸的是,目前没有关于如何做到这一点的“官方”方法(至少我不知道)。
幸运的是有一个图书馆叫“底页”(点击)它模仿了外观和感觉BottomSheet并支持Android 2.1及以上版本。

对于云端硬盘应用程序,此库的代码如下所示:

    new BottomSheet.Builder(this, R.style.BottomSheet_Dialog)
            .title("New")
            .grid() // <-- important part
            .sheet(R.menu.menu_bottom_sheet)
            .listener(new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            // TODO
        }
    }).show();

菜单底部表(基本上是标准的 /res/menu/*.xml 资源)

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/folder"
        android:title="Folder"
        android:icon="@drawable/ic_action_folder" />
    <item
        android:id="@+id/upload"
        android:title="Upload"
        android:icon="@drawable/ic_action_file_upload" />
    <item
        android:id="@+id/scan"
        android:title="Scan"
        android:icon="@drawable/ic_action_camera_alt" />
</menu>

输出看起来像这样:

picture of the bottom sheet

我认为这与原作非常接近。如果您对颜色不满意,可以自定义它 -看到这个(点击).

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Android 如何从 Material Design 文档中实现 Bottom Sheet 的相关文章

随机推荐