底部选项菜单(Bottom Menu)可以被看做是选项填充菜单(Filled dropdown menu)的特殊表现形式。主要用于 Android 系统下的应用设计中。

底部选项菜单不属于官方规范下的控件类型,但在实际的产品设计中,应用频次较高,所以本节,我们简要介绍一下这款控件。

底部选项菜单(Bottom Menu) - 图1

构成元素

底部选项菜单由以下元素构成:标题(A)、选项条(B)、取消按钮(C)、面板容器(D)和模态遮罩层(E)

底部选项菜单(Bottom Menu) - 图2

其中标题(A)用于描述当前的场景任务,选项条(B)通常会依照场景任务的不同,而表征为不同的内容结构,

底部选项菜单(Bottom Menu) - 图3

状态退出

底部选项菜单通常包含有,一个可取消菜单状态的按钮(C),用户可以通过此按钮,完成菜单状态的退出。除了通过该按钮执行菜单退出外,用户还可以通过点击模态遮罩层(E)来完成退出

底部选项菜单(Bottom Menu) - 图4

选项数

使用底部选项菜单,通常满足用户在有限选项中执行单选操作。当用户的选择在大量选项中进行时,就需要向用户提供一个单独的页面,来承载全部选项内容,同时这个页面需要为用户提供检索功能,以便于用户快速定位选项

底部选项菜单(Bottom Menu) - 图5