qtreewidget点击空⽩处时取消以选项_3个⽅法，帮你区分 区分取消与关闭，可以很⼤程度上避免丢失⽤户已操作的内容。在关闭视图之前保存⽤户的更改，使⽤⽂本标签⽽不是「X」图标，并在破坏性操作之前提供确认对话框。 让⼈迷惑的「X」图标
很久以前，「X」这个符号是⽤在地图上，标记「宝藏的藏⾝地」。但在今天的数字化界⾯中，「X」符号不再⽤来标记位置，⽽是被⽤来取消进程，或者关闭某个临时页⾯/弹框。但是如何确定「X」代表的是「取消」 还是「关闭」？有的时候可以确定，有时却模糊不清难以界定。
其实，主要的问题在于「X」图标缺少了⽂本标签。当同⼀个图标在不同的界⾯，却代表不同的含义，该图标的可⽤性就会受到影响，因为⽤户判断不了到底是什么含义。
为什么要区分「取消」与「关闭」
当⽤户单击/点击「X」按钮来关闭模态弹框或视图时，系统会完全取消该过程并清空之前所有操作，这让⼈沮丧，甚⾄抓狂。因为⽤户通常认为「X」图标表⽰取消或者关闭，所以区分这两种可能性对于交互的成功⾄关重要。
在某些情况下，区分取消 or 关闭并不重要。当⼀个弹窗占据你的⼤部分屏幕时，点击「X」按钮(尽可能快地)，既可以关闭该模态，也可以取消它可能触发的任何进程。
但是，如果页⾯中包含正在运⾏的计时器，正在播放的⾳频，正在选择多个选项标签，或其他类型未保存的内容，那就很有必要说明「X」图标所代表的意义。因为⽤户可能打算让计时器或⾳频继续运⾏，或者希望⽴刻应⽤这些选好的选项标签，或保存正在进⾏的⼯作，同时希望关闭该视图继续其他操作。
例如：丝芙兰在结账过程中，使⽤模态窗⼝来展⽰⽤户可以添加到购物车的免费商品。在以下⽰例中，单击「 ADD(添加)」按钮选择商品后， 该按钮直接被变成了「 Remove(移除)」，看起来似乎商品已经被添加到购物车中了。但是，实际上当⽤户单击右上⾓的「X」图标后，该商品并不在购物车中。他需要再重复这个步骤，最后点击「Done(完成)」按钮，商品才会被加⼊购物车。
Sephora：单击右上⾓的「X」会取消选择这些试⽤商品整个过程。⽤户必须先单击「ADD」，再单击「Done」才能将商品添加到购物车。
如何避免丢失⽤户正在操作的内容
要避免丢失⽤户正在操作的内容，⾸先需要确定⽤户的意图，是取消还是关闭，并提供明确的选项。有以下⼏种⽅法：
主动要求⽤户确认他们的意图；
短信发技术
使⽤明确的⽂本标签⽽不是模糊图标；
显⽰两个不同的按钮：「X」图标表⽰关闭视图(可以⾃动保存页⾯内容/操作)，⽽「取消」则代表放弃该过程。
1. 要求确认
如果⽤户在已经执⾏操作的模态弹框或页⾯视图中，点击「X」图标，app 则可以在关闭视图之前，直接询问⽤户是否应⽤该操作，来确认其意图。此解决⽅案⾮常适合会破坏⽤户⼯作的破坏性取消操作。例如，过滤器视图可能会被意外关闭，并且关闭会导致⽤户丢失其选定的选项。
这个问题在移动端界⾯上很常见，因为过滤器视图占⽤了很⼤的屏幕空间，这使⽤户很难或不能判断是否已经应⽤了那些选择。为了防⽌这种潜在的错误，在关闭过滤器视图之前，跟⽤户确认是否要应⽤这些选择并关闭视图，抑或是清除这些选择。例如：下图中，当⽤户选择后，点击「X」图标时，Lowes 会出现如下确认弹框。
左 ：点击「X」图标或返回箭头，所有的选项都会被取消，并将⽤户带回上⼀个页⾯。右：点击「X」后，出现⼀个确认对话框，确认⽤户是应⽤还是取消筛选，然后再返回结果列表页。
同样，当⽤户关闭正在进⾏的课程时，语⾔学习应⽤Duolingo 会显⽰⼀个确认对话框，课程进⾏中不能中途离开，除⾮确认「退出」。⾄少，该 APP 向⽤户传达了这⼀限制，同时他们也可以选择「取消」来继续课程。点击「X」按钮将结束当前课程。为了防⽌出错，结束前会出现⼀个确认对话框。
缺点：
虽然确认对话框在避免「X」图标有歧义⽅⾯很有效，但它却添加了额外的步骤；
⽤户在按下「X」图标之前还是不知道它到底做了什么，代表什么意思，因此他们可能会对这个操作感到疑惑。
2. 使⽤⽂本标签
不要完全依赖对话框来让⽤户确认模糊的「X」图标，⽽是使⽤明确的⽂本标签。⽂本可以消除歧义，并清楚地传达将发⽣的操作：取消与关闭。
Yelp 的筛选页⾯在屏幕顶部提供了标有「Cancel(取消)」和「Reset(重制)」的按钮，在底部提供了⼀
个⼤⼤的「Apply(应⽤)」按钮。类似地，Etsy 中的 Filters 视图提供了「Clear(清除)」和「Done(完成)」两个按钮。
注意：Etsy 使⽤「Done」⽽不是「Apply」，因为过滤器⼀经选择就可以被应⽤，⽽这⾥是关于开关切换与否的建议。
(左)Yelp：Cancel、Reset 和 Apply 这三个⽂本标签既直接⼜清晰，这样⽤户就不太可能不⼩⼼关闭视图⽽丢失他们过滤器中的选择。(右)Etsy：Clear 为⽤户取消提供了⼀种清晰的⽅式，⽽点击 Done 则返回到「产品列表」页，其中的选择已经应⽤。
3. 关闭并保存
如果必须使⽤「X」图标⽽不是⽂本标签(⽐如为了以节省空间，或者正在遵循团队的设计语⾔)，请谨慎使⽤，并在⽤户完成前保存操作/内容。另外，可以提供⼀个单独的「取消」按钮，让⽤户在进程之外有⼀个紧急出⼝，并消除「X」在两种含义之间的歧义。激光绣花机
例如：Gmail 会⾃动保存在⾮模态窗⼝中填写的邮件信息到草稿(Drafts)。这样的好处是，⽤户在需要折叠或关闭该窗⼝时，仍然保存原来的内容以便于下次继续编辑。将⿏标悬停在消息窗⼝右上⾓的「X」图标上时，会显⽰⼀段提⽰：Save & Close(保存到草稿并关闭)。此
滤菌器外，点击窗⼝右下⾓的「垃圾桶」图标可以删除该邮件，这个图标离顶部的「保存和关闭」选项很远，可以防⽌⽤户误点。
Gmail：Hover 透露，「X」图标是⽤于关闭窗⼝⽽不是删除草稿，它允许⽤户保存并关闭消息窗⼝⽽不会丢失刚刚正在编辑的邮件。
对于长进程或倾向于在后台运⾏的进程(如计时器)，默认⾃动保存也是⼀种很好的解决⽅案。
例如，Glow Baby 中，后台运⾏喂⾷或睡眠计时器时，⽤户还可以浏览 APP 的其他区域。因为这些计时器⼀般会运⾏很长⼀段时间。此功
能还能让⽤户在 APP 中做其他的任务操作，例如记录之前换尿布的时间、浏览⽂章、逛论坛等。点击计时器视图中的「X」图标也只是关
微型拉曼光谱仪
闭窗⼝并不会取消正在运⾏的计时器。
Glow Baby：(左)点击运⾏计时器视图中的「X」图标，在不停⽌计时器的情况下取消视图，从⽽允许⽤户继续使⽤ APP 记录其他类型的事件、参与社区讨论、阅读⽂章等。(中)运⾏计时器的状态显⽰在屏幕顶部的状态栏中。(右)在计时器暂停时点击「X」图标，弹出「放弃」或「取消」按钮以确认⽤户的真正意图。
请注意：在关闭前保存中间⼯作或维护正在进⾏的过程是主动的，但有时可能会与⽤户的意图相反。如果⽤户打算通过单击「X」按钮取消其选择，那⾃动应⽤这些选择可能会令⼈困惑和沮丧。
这就是为什么还必须有⼀个单独的「取消」按钮，给⽤户⼀个出⼝，⽽不是强迫他们必须关闭时⾃动保存。
结论
虽然「X」图标会造成模棱两可，⽽且经常导致可⽤性问题，但它不太可能马上从所有接⼝中消失。设计⼈员应该注意「X」图标的多重含义，消除「关闭」和「取消」之间的歧义，并提供确认对话框或⾃动保存等保护性措施，避免丢失任何⽤户正在操作的内容。
若存在疑问，请记住：先保存，再退出。
⼩思考
为什么⼿机验证码登录/淘宝时，验证码输⼊错误，⼆者都是⽤的模态对话框提⽰⽤户，⽽不是⽤ Toast 呢？
隔热断桥铝型材和淘宝的⽤户体都很庞⼤，⼏乎横跨所有年龄层。Toast 出现⼜⾃动消失的交互体验，⽤户会感到不可控，尤其是对⼤龄、⽼龄的⽤户不够友好。
也有悖于 iOS ⼈机交互指南中提到的「⽤户控制」这⼀原则，我想这也是 iOS 设计语⾔没有 Toast 这种控件的原因之⼀吧。
⽽模态对话框虽然⼲扰性较强，但⽤户可以随时控制，在使⽤过程中是⽤户掌握主导权。
智能新风
补充：Toast 这⼀控件，原是 Android 系统的控件。但⾃ Android 5.0 推出原质化设计后，Toast 就被弱化，⽽是将 Snackbar 作为官⽅推荐的控件。如今在 Material Design 中更是不到 Toast 的踪影。主要原因还是 Snackbar 在交互友好性⽅⾯⽐ Toast 要好，例如：⽀持⼿势交互、⽀持与 CoordinatorLayout 联动等。
