APP应用设计中，6组常见组件的区别与用法

在APP设计中，有许多组建有着相似的功能和用法。怎样恰当使用这些组件？这些组件中间有什么区别？一同看看作者的解读。

在设计iOS版和Android版APP应用的过程中会牵涉到许多组件。不一样的场景使用的组件也不一致。这篇文章介绍六组常见的类似组件的区别和用法。

警示框（alert）和底端操作列表（action sheet）

标签栏（tab bar)和工具栏（tool bar）

底端动作条（bottom sheets）和菜单（menus）

选择器（selector）和底端操作列表（action sheet）

下拉菜单（drop-down menu）、底端操作列表（action sheet）及活动视图控制器（activity view controller）

警示框是传达软件或设备某些状态的信息，并且常常需要会员来点击操作。

底端操作列表展示了与会员触发的操作直接有关的一连串选项，涵盖2个或以上的按钮。

普遍含有三种以上操作使用底端操作列表，一种或许两种操作使用警示框或底端操作列表。

比如：iOS源生邮箱，点击“更多”出现底端操作列表，展示四种操作选项。推特的退出登录只需要二次确认使用的是警示框。

对于警示框（alert）和底端操作列表（action sheet）的疑惑多用作二次确认上，比如微信的退出登录使用的是底端操作列表，而qq用的是警示框。

警示框（alert）和底端操作列表（action sheet）的区别于用法：

警示框注重提醒文字；从而表示提醒文字的内容优先级较高；

底端操作列表注重选择按钮；从而表示选择按钮的功能优先级较高；

按钮为0-两个时，建议使用警示框；

按钮为2-n个时，建议使用底端操作列表；

当然有的场景需要强阻断操作，比如提醒没有网络，版本升级，这种情形需要使用警示框；

具体情形可依据产品看待。比如微信退出登录用的是底端操作列表，阻断性不强，对会员的打搅限度较低；

标签栏：让会员在不一样的子任务、视图和模式中进行变换。

工具栏：摆放着用作操作当前屏幕中各对象的组件，在iPhone上，工具栏一直位于屏幕底端，而在iPad上则有也许出目前顶端

比如：app store中底端的标签栏和iOS源生邮件详情的底端工具栏

标签栏（tab bar)和工具栏（tool bar）的区别：

标签栏让会员在不一样视图变换，比如app store 点击游戏tab，进到游戏内容的界面，所以牵涉到视图变换是 标签栏。

工具栏是对当前界面内容的操作，比如iOS源生邮件点击工具栏中的卸载，则卸载当前邮件。所以牵涉到对当前页面的操作是标签栏。

底端动作条：1个从屏幕底端边缘向上滑出的1个面板，使用这种方法向会员展现一组功能。底端动作条提供3个或3个以上的操作需要提供应会员选择、并且不需要对操作有额外解释的情景。

底端动作条能够是列表样式的也可以够是宫格样式。

菜单：菜单是暂时的一张纸（paper），由按钮（button）、动作（action）、点（pointer）或许涵盖起码2个菜单项的其他控件触发。

每1个菜单项是1个离散的选项或许动作，并且可以影响到软件、视图或许视图中选中的按钮。

比如：微信公众号点击更多，出现底端动作条；微信对话列表长按出现菜单，点击退出出现的菜单

归纳底端动作条（bottom sheet）和菜单（menu）的区别：

假如只有2个或许更少的操作，或许需要详加描述的，能够思考使用菜单(Menu)或许提醒框代替。

长按操作，多数情形使用菜单（menu）

对于互斥的单项选择而言，要使用选择器。选择器的好处是能够来回变换明确，时候由于选择器里面的内容滚动，所以能够容纳特别多的选项。

比如猎聘app前期版本，选择当前状态，使用的是底端操作列表。这样做是错误的。底端操作列表是对选项进行操作而不是选择。猎聘现版本已经改成了选择器。

下拉菜单：常见适用作提供便捷入口。导流会员去做其他操作任务。

底端操作列表：展示了与会员触发的操作直接有关的一连串选项，涵盖2个或以上的按钮。

活动视图控制器：是1个暂时视图，当中罗列了一连串能够针对页面指定内容的系统服务和定制服务。

比如在支付宝中，点击“更多”出现下拉菜单。微信公众号首页点击“更多”出现底端操作列表。公众号历史文章中点击“更多”出现视图控制器。

下拉菜单、底端操作列表及动视图控制器的区别：

假如操作选项是提供下1个操作任务入口，则使用下拉菜单；

假如是对当前操作的共享则使用活动视图控制器；

假如是对当前页面内容的操作，则使用底端操作列表；

Snackbar 是一种针对操作的轻量级反馈机制，常以1个小的弹出框的方式，出目前手机屏幕下边或许桌面左下边。它们出目前屏幕所有层的更上方，包括波动操作按钮。

它们会在超时或许会员在屏幕其他地方触摸以后自动消失。Snackbar 能够在屏幕其他区域滑动关掉。当它们出现时，不会障碍会员在屏幕上的输入，并且也不支持输入。

屏幕上时候更多只能显示1个Snackbar。

Toast重要用作提醒系统消息。Toast 同 Snackbar 非常类似，可是 Toast 并不涵盖操作也不能从屏幕其他区域上滑动关掉，文本内容左对齐。

文章讨论的toast和snackbar重要是针对Android端，当然iOS设计规范中使用taost许多，使用snackbar我也仅仅在gmail中看到过。

归纳snackbar和toast的区别：

1.toast作为信息的反馈提醒，能够承载更多的提醒语。提醒语很长的同时建议用taost，snack bar 文案必须请求很端

2.假如在提醒信息里面嵌入操作，使用snackbar ，比如微信收藏，可在snack bar中参与操作按钮进行收藏标签分类

3.toast相对于snackbar而言，提醒强度偏低一些。

本文地址：https://appbj.cn/article/3043/

相关文章

• 1 视频直播APP怎样开发设计才能不同寻常？
• 2 从四大维度，全方位剖析APP软件应该如何设计好「共享功能」
• 3 浅析app应用设计：空白页的存在价值与设计方案
• 4 app应用表单设计小建议
• 5 超全面！怎样做好APP应用中的反馈设计？
• 6 宠物类APP应用竞品探讨
• 7 帮你策划盛大的婚礼APP应用，设计思路是这样的
• 8 设计一款面向海外市场的app应用，需要留意些什么？