3分钟带你把握11个最常用的交互控件
|
本文作者未来总结一下各个控件的特点，利便列位更好的领略这些控件。
之前的一系列文章，为各人先容了iOS和Android类型中，各类弹出物（不要乱遐想~~）的用法，摆列如下： 告诫框（Alerts）弹出框（Popovers，iOS独占）浅显菜单（Simple Menus，MD独占）模态视图（Modal Views，iOS独占）确认弹框（Confirmation Dialogs，MD独占）全屏弹框（Full-screen Dialogs，MD独占）上拉菜单（Action Sheets，iOS独占）浅显弹框（Simple Dialogs，MD独占）勾当视图（Activity Views，iOS独占）底板（Bottom Sheets，MD独占）提醒框（Toasts）既然各个控件都出过场了，也是时辰让它们合个别了！
弹出类控件较量表格（器材栏不是弹出类控件，之前没有先容） 模态调查上表，左边iOS这一栏，从告诫框到勾当视图，它们组成了一个听起来很高峻上的词汇——模态（Modal，不是Model）。iOS计划类型对模态的界说是这样神儿的：模态让用户聚焦到某一个使命、动静可能视图上而不能做此外工作，直到用户完成了当前的使命。好比告诫框，用户必需必需选择告诫框里的一个选项，告诫框才会消散，不然用户什么也做不了。这个告诫框，就缔造了“模态”的体验。
模态示例1——告诫框
模态示例2——模态视图 关于怎样行使模态，苹果有以下几点提议： 只管少行使。由于一样平常来说，人们行使应用的时辰不是线性的，不是先做A再做B这样，是想到啥做啥。而模态是线性的，较量逼迫。苹果提议，只在某个使命出格重要，必需引起用户的留意、可能某个使命必需被完成才气继承行使应用、可能必要应用必要生涯数据时，才行使模态这种计划。行使模态时必要提供一个清晰大白的退出模态的通道。需担保用户总能知道他们在一个模态中操纵后的功效。保持模态里的使命简朴、简短、单一。假如要在模态视图中建设带有多层级相关的使命，必然要稳重！由于用户很轻易健忘它们操纵的前因后果。只在展示很重要的提醒信息时，才思量行使告诫框。最抱负的环境是，告诫框可以让用户采纳动作。告诫框较量打搅用户，以是有须要让用户认为这种打搅是值得的。不要在一个弹出框上面行使模态视图。弹出框之上独一可以呈现的，是告诫框（告诫框权限真的很大啊！）假如非要在弹出框上面展示一个模态视图，那么请先让弹出框封锁，再揭示模态视图。在Material Design（简称为MD，下同）中，没有与模态相对应的观念。但着实，对话框和底板（除了牢靠底板），组成的也是模态的体验。 控件比拟总结不知不觉中，比拟了这么多控件。下面我们来总结一下各个控件的特点，利便列位更好的领略这些控件。 告诫框
左：iOS告诫框； 右：MD告诫框 左图展示了iOS中告诫框的几种情势，右图展示了MD中告诫框的包括元素，个中问题不是必需的。对付告诫框，苹果类型和MD都提议只管少行使，必需是奉告很重要的信息才呈现。其它，对付告诫框的按钮，应只管奉告用户操纵的功效，而只管停止行使“是/否”这样的文案。 （更详细的声名请参考：iOS和Android类型理会——告诫框（Alerts）比拟） 弹出框 & 浅显菜单
左：iOS弹出框； 中、右：MD浅显菜单 对付iOS的弹出框，本来是针对iPad这样的大屏装备配置的控件，近两年因为手机屏幕越来越大，也开始应用于手机，必要留意iOS的弹出框是自带箭头的，箭头指向进口。MD的浅显菜单，必要留意菜单没有箭头，而且菜单是压住进口的，这一点常常被用错。 （更详细的声名请参考：iOS和Android类型理会——浅显菜单、浅显对话框和弹出框 ） 上拉菜单 & 浅显弹框
左：iOS上拉菜单； 右：MD浅显弹框 上拉菜单和浅显弹框，都是用于提供一些列选项的控件。差异的是，上拉菜单必需包括“打消”按钮；上拉菜单可用于歼灭性操纵（好比“删除”）等的二次确认。而浅显弹框没有“打消”按钮，在选项中可插手头像、icon等元素，其它尚有如上图中的“添加接洽人”这样的操纵按钮。 上拉菜单 & 勾当视图 & 模态底板
左：上拉菜单； 中：勾当视图； 右：模态底板 仔细的伴侣也许已经发明白，这里又呈现了上拉菜单。究竟上，这里要跟各人总结一下，上面提到的弹出框、上拉菜单、勾当视图、浅显弹框、浅显菜单、模态底板，成果上着实很是临近，都是提供当前情形下的一系列选项。区别是揭示情势的差异，尚有个体控件有其奇异的成果点。在MD中，有这样一句先容：Modal bottom sheets are alternatives to menus, or simple dialogs, and can display deep-linked content from another app（模态底板与浅显弹框、浅显菜单可以相互替代行使，独一的区别就是模态底板中可以承载深层链接）。铛铛，模态底板把这一串控件都串起来了。 （更详细的声名请参考： iOS和Android类型理会——浅显菜单、浅显对话框和弹出框 ） （更详细的声名请参考： iOS和Android类型理会——底部浮层（上）） （更详细的声名请参考： iOS和Android类型理会——底部浮层（下）） 确认弹框 & 全屏弹框 & 模态视图
左：MD确认弹框； 中：全屏弹框； 右：模态视图 确认弹框用于确定一个选项。全屏弹框和模态视图，可用于较为伟大的使命，它们可以调起此外控件。 （更详细的声名请参考： iOS和Android类型理会——确认弹框、全屏弹框和模态视图） （编辑：厦门网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
