区分这两种操作，可以很大程度上能避免丢失用户已操作的内容。在关闭视图之前保存用户的更改，使用文本标签而不是“X”图标，并在破坏性操作之前提供确认对话框。今天我就针对UI设计中取消和关闭的差异总结进行简单的说明。
　　一、让人迷惑的“X”图标
　　很久以前，“X”这个符号是用在地图上，标记“宝藏的藏身地”。但在今天的数字化界面中，“X”符号不再用来标记位置，而是被用来取消进程，或者关闭某个临时页面/弹框。但是如何确定“X”代表的是“取消” or “关闭”?有的时候可以确定，有时却模糊不清难以界定。
　　其实，主要的问题在于“X”图标缺少了文本标签。当同一个图标在不同的界面，却代表不同的含义，该图标的可用性就会受到影响，因为用户判断不了到底是什么含义。
　　二、为什么要区分“取消”与“关闭
　　当用户单击/点击“X”按钮来关闭模态弹框或视图时，系统会完全取消该过程并清空之前所有操作，这让人沮丧，甚至抓狂。因为用户通常认为“X”图标表示取消或者关闭，所以区分这两种可能性对于交互的成功至关重要。
　　在某些情况下，区分取消 or 关闭并不重要。当一个弹窗占据你的大部分屏幕时，点击“X”按钮(尽可能快地)，既可以关闭该模态，也可以取消它可能触发的任何进程。
　　但是，如果页面中包含正在运行的计时器，正在播放的音频，正在选择多个选项标签，或其他类型未保存的内容，那就很有必要说明“X”图标所代表的意义。因为用户可能打算让计时器或音频继续运行，或者希望立刻应用这些选好的选项标签，或保存正在进行的工作，同时希望关闭该视图继续其他操作。
　　例如：丝芙兰在结账过程中，使用模态窗口来展示用户可以添加到购物车的免费商品。在以下示例中，单击“ ADD(添加)”按钮选择商品后， 该按钮直接被变成了“ Remove(移除)”，看起来似乎商品已经被添加到购物车中了。但是，实际上当用户单击右上角的“X”图标后，该商品并不在购物车中。他需要再重复这个步骤，最后点击“Done(完成)”按钮，商品才会被加入购物车。
　　Sephora：单击右上角的”X”会取消选择这些试用商品整个过程。用户必须先单击“ADD”，再单击“Done”才能将商品添加到购物车。
　　三、如何避免丢失用户正在操作的内容
　　要避免丢失用户正在操作的内容，首先需要确定用户的意图 – 取消 or 关闭 – 并提供明确的选项。有以下几种方法：
　　· 主动要求用户确认他们的意图
　　· 使用明确的文本标签而不是模糊图标
　　· 显示两个不同的按钮：“X”图标表示关闭视图(可以自动保存页面内容/操作)，而“取消”则代表放弃该过程
　　1、要求确认
　　如果用户在已经执行操作的模态弹框或页面视图中，点击“X”图标，UI则可以在关闭视图之前，直接询问用户是否应用该操作，来确认其意图。此解决方案非常适合会破坏用户工作的破坏性取消操作。例如，过滤器视图可能会被意外关闭，并且关闭会导致用户丢失其选定的选项。
　　这个问题在移动端界面上很常见，因为过滤器视图占用了很大的屏幕空间，这使用户很难或不能判断是否已经应用了那些选择。为了防止这种潜在的错误，在关闭过滤器视图之前，跟用户确认是否要应用这些选择并关闭视图，抑或是清除这些选择。例如：下图中，当用户选择后，点击“X”图标时，Lowes 会出现如下确认弹框。
　　左 ：点击”X”图标或返回箭头，所有的选项都会被取消，并将用户带回上一个页面。右：点击“X”后，出现一个确认对话框，确认用户是应用还是取消筛选，然后再返回结果列表页。
　　同样，当用户关闭正在进行的课程时，语言学习应用- Duolingo 会显示一个确认对话框-课程进行中不能中途离开，除非确认“退出”。至少，该APP向用户传达了这一限制，同时他们也可以选择“取消”来继续课程。点击“X”按钮将结束当前课程。为了防止出错，结束前会出现一个确认对话框。
　　缺点：
　　a. 虽然确认对话框在避免“X”图标有歧义方面很有效，但它却添加了额外的步骤;
　　b 用户在按下“X”图标之前还是不知道它到底做了什么，代表什么意思，因此他们可能会对这个操作感到疑惑。
　　2、使用文本标签
　　不要完全依赖对话框来让用户确认模糊的“X”图标，UI设计中取消与关闭的差异总结而是使用明确的文本标签。文本可以消除歧义，并清楚地传达将发生的操作：取消与关闭。
　　Yelp的筛选页面在屏幕顶部提供了标有”Cancel(取消)“和”Reset(重制)“的按钮，在底部提供了一个大大的”Apply(应用)“按钮。类似地，Etsy中的 Filters视图提供了“Clear(清除)”和“Done(完成)”两个按钮。
　　注意：Etsy使用“Done”而不是“Apply”，因为过滤器一经选择就可以被应用，而这里是关于开关切换与否的建议。
　　(左)Yelp：Cancel、Reset 和 Apply 这三个文本标签既直接又清晰，这样用户就不太可能不小心关闭视图而丢失他们过滤器中的选择。(右)Etsy：Clear 为用户取消提供了一种清晰的方式。而点击 Done 则返回到“产品列表”页，其中的选择已经应用。
　　3、关闭并保存
　　如果必须使用“X”图标而不是文本标签(比如为了以节省空间，或者因为正在遵循团队的设计语言)，请谨慎使用，并在用户完成前保存操作/内容。另外，可以提供一个单独的“取消”按钮，让用户在进程之外有一个紧急出口，并消除“X”(关闭 or 取消)在两种含义之间的歧义。
　　例如: Gmail会自动保存在非模态窗口中填写的邮件信息到草稿(Drafts)。这样的好处是，用户在需要折叠或关闭该窗口时，仍然保存原来的内容以便于下次继续编辑。将鼠标悬停在消息窗口右上角的“X”图标上时，会显示一段提示：Save & Close(保存到草稿并关闭)。此外，点击窗口右下角的“垃圾桶”图标可以删除该邮件 – 这个图标离顶部的“保存和关闭”选项很远，可以防止用户误点。
　　Gmail：Hover 透露， “X”图标是用于关闭窗口而不是删除草稿，它允许用户保存并关闭消息窗口而不会丢失刚刚正在编辑的邮件。
　　对于长进程或倾向于在后台运行的进程(如计时器)，默认自动保存也是一种很好的解决方案。
　　例如，Glow Baby中，后台运行喂食或睡眠计时器时，用户还可以浏览APP的其他区域。因为这些计时器一般会运行很长一段时间。此功能还能让用户在APP中做其他的任务操作，例如记录之前换尿布的时间、浏览文章、逛论坛等。点击计时器视图中的“X”图标也只是关闭窗口并不会取消正在运行的计时器。
　　Glow Baby:(左)点击运行计时器视图中的“X”图标，在不停止计时器的情况下取消视图，从而允许用户继续使用APP记录其他类型的事件、参与社区讨论、阅读文章等。(中)运行计时器的状态显示在屏幕顶部的状态栏中。(右)在计时器暂停时点击“X”图标，弹出“放弃”或“取消”按钮以确认用户的真正意图。
　　请注意：在关闭前保存中间工作或维护正在进行的过程是主动的，但有时可能会与用户的意图相反：如果用户打算通过单击“X”按钮取消其选择，那自动应用这些选择可能会令人困惑和沮丧。
　　这就是为什么还必须有一个单独的“取消”按钮，给用户一个出口，而不是强迫他们必须关闭时自动保存。
　　四、结论
　　虽然“X”图标会造成模棱两可，而且经常导致可用性问题，但它不太可能马上从所有接口中消失。设计人员应该注意“X”图标的多重含义，消除“关闭”和“取消”之间的歧义，并提供确认对话框或自动保存等保护性措施，避免丢失任何用户正在操作的内容。因此，您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息，请给我点个关注，我之后还会发包含有关在该领域工作的更多相关文章。
越努力越幸运：如何让UI交互动画更有吸引力​zhuanlan.zhihu.com
越努力越幸运：UI设计中的作品集避坑指南​zhuanlan.zhihu.com
越努力越幸运：UI设计中按钮场景分析​zhuanlan.zhihu.com
越努力越幸运：如何提高UI设计中画面层次感​zhuanlan.zhihu.com
越努力越幸运：Ui设计中眼睛比软件靠谱吗​zhuanlan.zhihu.com

Word 2007中取消分栏的技巧
Word 2007中取消分栏的技巧 前面我们了解了在Word2007中分栏的设置,相信很多朋友已经学会了,而如果想要对网上下载的分栏文档中进行取消,该怎么办呢?下面小编就来和大家讲讲在Word2007中取消分栏的方法,一起来看看吧. Word 2007取消分栏: 取消分栏 1.选中要取消分栏的部分,如果没有选中,默认是对全文进行操作. 2.[页面视图][页面设置]. 3.在页面布局选项卡下,单击分栏右侧的三角形下拉菜单,选择一栏即可. 以上就是小编为大家介绍的在Word2007中取消分栏的方法,简单易懂.在Word中阅读分栏文档,...
word
2015/08/05
WPS文字教你实现文章中局部式的分栏
WPS文字教你实现文章中局部式的分栏 相信广大用户都看见过文章分栏的效果，今天在这里小编要给大家推荐的是一种“局部式”的分栏，何为“局部式”，就是将我们整片文章中的一部分文字来进行分栏，其实在我们的WPS软件中很容易做到这样的效果，只要你有一颗善于发现的心，现在就让我们一起去见识一下吧。 操作步骤 1、打开一篇WPS文字中的一篇原始文稿，选中要进行分栏的区域文字，然后把鼠标切换到“功能区”的“格式”选项卡，在弹出的下拉菜单中选择“分栏”命令； 2、此时会出现一个“分栏”对话框，在“预设”区域我们选择“两栏”选项，点击底端的“应用于”...
wps
2013/06/12
WPS怎么在文章中局部式的分栏
WPS怎么在文章中局部式的分栏   WPS怎么在文章中局部式的分栏 1.打开一篇WPS文字中的一篇原始文稿,选中要进行分栏的区域文字,然后把鼠标切换到"功能区"的"格式"选项卡,在弹出的下拉菜单中选择"分栏"命令; 2.此时会出现一个"分栏"对话框,在"预设"区域我们选择"两栏"选项,点击底端的"应用于"后面的倒三角按钮,选中"所选文字"命令,单击"分隔线"前...
wps
2016/11/28
怎么在电脑WPS中给部分文字进行分栏
怎么在电脑WPS中给部分文字进行分栏 我们经常会使用到电脑wps来进行文档的修改和编辑,极大地方便了我们的生活和工作.我们有时候需要给部分文字进行分栏,那么具体怎么做呢,接下来就让小编来教你们吧.具体如下:1. 第一步,在电脑wps上打开我们需要编辑的文档,选中自己需要分栏的文字部分.2. 第二步,点击主页面上方的页面布局按钮.3. 第三步,点击弹出页面中的分栏按钮.4. 第四步,点击弹出页面中的更多分栏按钮.5. 第五步,在弹出页面中,我们点击预设下方的俩栏按钮.6. 第六步,点击页面下方的应用于后方的按钮,点击选择弹出选项中的所...
其他
2019/06/27
Word2010中自定义分栏设置
Word2010中自定义分栏设置 Word2010为用户提供了5种分栏类型，即一栏、两栏、三栏、偏左和偏右。如果这些分栏类型依然无法满足您的需求，我们可以在Word2010文档中设定文档的自定义分栏。从而满足您使用的需要。 操作步骤 1、打开Word文档，点击“页面布局”功能栏，找到“分栏”列表，单击，从中选择“更多分栏”。 2、打开“分栏”窗口，在“栏数”编辑框中输入分栏数。选中“分隔线”复选框可以在两栏之间显示一条直线分割线。如果选中“栏宽相等”复选框，则每个栏的宽度均相等，取消“栏宽相等”复选框可以分别为每...
word
2013/04/20
WPS2009文档自定义分栏获取更多分栏选择
WPS2009文档自定义分栏获取更多分栏选择 我们知道在默认情况下，在WPS2009软件中我们只能选择使用5种分栏类型，很明显这些分栏类型根本无法满足实际要求，其实我们可以在WPS2009“分栏”对话框中进行自定义分栏，以获取更多的分栏选项。 打开WPS2009文档窗口，选择“格式”菜单中的“分栏”选项。打开“分栏”对话框，在这里大家就可以随意设置了。 下面就将几个主要的选项说明一下：在“栏数”编辑框中输入分栏数;选中“分隔线”复选框可以在两栏之间显示一条直线分割线;选中“栏宽相等”复选框，则每个栏的宽度均相等，取消“栏宽相等”复选框可以分...
wps
2012/08/26
设置快速启动栏和任务栏分栏显示
设置快速启动栏和任务栏分栏显示 设置快速启动栏和任务栏分栏显示 任务栏右键，取消锁定任务栏前面的√号。 在快速启动栏出现可以拉动的图形标示，如下图。 图1 鼠标放到可以拉动的图形标示上面，出现可以向两端拉动的箭头，拉动图形标示，出现以下画面。 图2 再次拉动图形标示拉倒左侧即可完成快速启动栏和任务栏分栏显示，如下图。 图3 如果需要恢复显示，再次把任务栏拉动到右侧一次，拉动回到原来的位置即可。...
其他
2012/10/11
Word如何设置不均匀分栏使各栏的宽度不一致？
Word如何设置不均匀分栏使各栏的宽度不一致？ Word分栏也是一个常用的技巧,如果想把一段文字分为不同的栏宽,该怎么操作呢?在小编就和大家分享Word设置不均匀分栏的方法. 方法/步骤 1.打开需要编辑的Word文档,然后选中需要分栏的文本内容.选择时,注意不要选择最后一个段落标记. 2.接下来点击“页面布局”选项卡中的“分栏”选项,然后从下拉菜单中选择“更多分栏”选项. 3.在打开的分栏选项窗口中,首选选择需要分栏的栏数.这里小编选择两栏. 4.接下来在窗口的下方找到“栏宽相等”的选项,点击该选项前面的方框,取消其勾选状态. 5.接下来设...
其他
2015/12/30
Word怎么分栏?word分栏设置方法
Word怎么分栏?word分栏设置方法 这里小编给大家详细介绍Word分栏的方法,不会的朋友可以参考本文,来看看吧. 1.首先打开Word文档,执行“页面布局-分栏”,在下面可以快速选择常用分栏,比如分为两栏. 2.点击最下面的“更多分栏”可以进入分栏窗口进行更详细的设置,上面的预设就是之前看到的常用分栏选项. 3.选择“左,右”可以使文章靠左分栏或靠右分栏,效果如图. 4.在列数中可以输入更多列,同时可以在预览中看到效果. 5.如果勾选分隔线就会在两栏中间添加上分隔线. 6.勾选栏宽相等时,每个分栏的宽度是相等的. 7.当取消栏宽相...
其他
2017/02/16
如何手动设置word2019软件中的分栏宽度
如何手动设置word2019软件中的分栏宽度 随着科技的发展,电脑已经成为人们日常生活中必不可少的的工具,当我们在使用word软件处理文档时,应该如何设置各分栏的宽度呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑并在桌面上找到word图标,点击打开进入应用主页后,点击上方菜单栏中的布局选项.2.第二步,在二级菜单中找到栏选项,点击下方的下拉箭头.3.第三步,点击下拉菜单中的更多栏选项.4.第四步,点击后将会弹出栏对话框,在其中取消勾选下方的栏宽相等功能.5. 第五步,取消勾选该功能后,即可在上方手动设置各栏的宽度,设置完成后...
其他
2019/04/16
电脑word文档中如何使用拆分窗口功能来设置分栏浏览
电脑word文档中如何使用拆分窗口功能来设置分栏浏览 word文档是我们现在经常使用的办公软件,我们在使用文档的时候,可能会需要分栏浏览以进行操作,今天小编就告诉大家电脑word文档中如何使用拆分窗口功能来设置分栏浏览.具体如下:1. 首先我们在电脑中打开一份word文档.2. 然后光标放在文档里任意的位置,如图.3.当我们进入主界面之后我们点击上方功能栏中的视图选项,4. 然后我们再点击下一行中 的拆分窗口选项右侧的下拉箭头.5. 当我们点击之后就会出现一个小窗口,我们点击水平拆分.6.如果我们不再需要该功能,我们点击"取消拆分"选项即...
其他
2019/07/12
word文档中的分栏线如何设置
word文档中的分栏线如何设置 我们在使用Word处理文档的时候,有时会遇到分栏的情况,今天就跟大家介绍一下word文档中的分栏线如何设置的具体操作步骤.2. 如图,我们打开想要设置的Word文档.已经是分栏的状态了.3. 选择上方菜单栏里的"布局"选项,点击.4. 在下面选择分栏选项,在下拉菜单里选择"更多分栏"选项.5. 如图,就进入分栏窗口,将右侧的"分隔线"勾选上.6. 最后"确定".7.如图,就可以看到添加的分栏线了,如果想要取消,在上一步骤将勾选...
其他
2020/01/03
金山WPS文档窄表格分栏的两种巧妙方法
金山WPS文档窄表格分栏的两种巧妙方法 我们在平时经常会遇到这样的表格：只有窄窄的几列，但行数却很多，如图1所示。 这样，在打印时只能占用每张纸的很小一部分，却要用很多张。此时，我们都希望能把这样的表格分成几栏来进行打印，如图2所示，以便节约纸张。 如上例，原始表格是在WPS 2005的金山表格中制作的，而我们需要分成三栏进行打印。 方法一：寻求合作，用金山文字打印 为了更方便快捷，我们可以请WPS 2005的金山文字来帮忙。 首先选中金山表格中的所有数据，按下“Ctrl+C”键进行复制。然后打开金山文字，新建...
wps
2012/11/21
Word2010怎么分栏
Word2010怎么分栏 在版面规划时，可直接使用“页面设置”对页面进行分栏(详见“Word入门动画教程22”)。如果在文档编辑过程中需要分栏，则使用“分栏”按钮或“分栏”对话框较为方便。下面我们就以文档中部分文字的分栏为例看看它们的使用方法。 一、使用“分栏”按钮 1.执行“视图”→“工具栏”→“其他格式”，显示“其他格式”工具栏。 2.选中要分栏的文档内容。如果不选中任何内容，将对整个文档进行分栏。 3.单击“其他格式”工具栏上的“分栏”按钮，按住鼠标左键向右拖动至所需的栏数后释放左键。在普通视图...
word
2012/04/14
Word 2007分栏对话框中自定义分栏
Word 2007分栏对话框中自定义分栏 默认情况下，word2007提供了5种分栏类型供用户选择使用，即1栏、两栏、三栏、偏左和偏右。如果这些分栏类型依然无法满足用户的实际需求，用户可以在Word2007文档窗口的“分栏”对话框中进行自定义分栏，以获取更多的分栏选项。在Word2007文档中自定义分栏的步骤如下所述： 步骤/方法 第1步，打开Word2007文档窗口，切换到“页面设置”功能区。将 鼠标 光标定位到需要设置分栏的节或者选中需要设置分栏的特定文档内容(如果当前Word文档只有1节且未选中内容，则默认为全部文档分栏)，在“页...
word
2012/08/26
WPS文档分栏设置,让排版更完美
WPS文档分栏设置,让排版更完美 我们在平时经常会遇到这样的表格：只有窄窄的几列，但行数却很多，如图1所示。 这样，在打印时只能占用每张纸的很小一部分，却要用很多张。此时，我们都希望能把这样的表格分成几栏来进行打印，如图2所示，以便节约纸张。 如上例，原始表格是在wps 2005的金山表格中制作的，而我们需要分成三栏进行打印。 方法一：寻求合作，用金山文字打印 为了更方便快捷，我们可以请WPS 2005的金山文字来帮忙。 首先选中金山表格中的所有数据，按下“Ctrl+C”键进行复制。然后打开金山文字，新建一个文件，点击菜单命令“...
wps
2012/08/28
在Word2010中怎么进行分栏
在Word2010中怎么进行分栏 报纸看多了,大家就知道分栏是什么意思了,但是在Word中,对文档进行分栏,是很少用户会使用到的.不过如果将文档进行适当的分栏,还是挺不错的. 操作步骤: 1.打开Word文档,点击"页面布局"功能栏,找到"分栏"列表,单击,从中选择"更多分栏". 选择"更多分栏" 2.打开"分栏"窗口,在"栏数"编辑框中输入分栏数.选中"分隔线"复选框可以在两栏之间显示一条直线分割线...
word
2015/08/12
Word 2003分栏方法及常见问题的解决
Word 2003分栏方法及常见问题的解决 Word 2003分栏方法及常见问题的解决.普通我们看到的文献,都是正文分栏,而标题及摘要不分栏,但实践要完成这样的操作却不是一件简单的事!普通状况下,我们在操作时会遇到这样的问题:即当在对正文局部选中停止分栏时,正文局部自动跑到下一页去. 呈现这样的状况主要是由于首页上有脚注的缘故,去掉脚注后,就能恢复正常!!但作为一篇论文去掉脚注毕竟是完好的,其实要保存脚注并使正文局部留在首页只是设置上的问题! 处理办法:选择word菜单栏上的"工具"→"选项"→"兼...
word
2016/06/04
在word文档中怎么设置分栏排版?
在word文档中怎么设置分栏排版? 一般的word文档排版都是比较整齐划一的,都是像正规文件似的比较呆板,你想换一种方式对word文档进行排版吗?比如:像杂志中那样将一篇word文档文字分成两栏或三栏进行排列,今天,我就和大家一起分享在word文档中分栏排版的技巧,不会的朋友可以参考本文,来看看吧. 步骤 1.首先点击“开始”——“Microsoft word",打开一篇空白的word文档,输入你要排版的文字,在这里我输入六年级语文上册一的篇课文,点击“保存”,将这篇文档保存命名为“秋天的怀念”,以免文件...
其他
2016/08/06
如何给word文档分栏的方法小结(word2003,word2007,word2010)
如何给word文档分栏的方法小结(word2003,word2007,word2010) 一、Word全文分栏： 第一步：打开需要分栏的Word文档，然后点击“页面布局”选项卡中的“分栏” ;本文以某篇文章为例来演示： 第二步：在弹出的“分栏”选项框中选择两栏或者三栏等，确定即可。我们看看Word文档分两栏的效果; 在“更多分栏”中，我们可以设置自己想要的栏数、栏宽度和字符间距等。也可以实现Word分栏偏左或者偏右的效果 二、Word段落分栏： 顾名思义，段落分栏就是将文中的某一个段落进行分栏处理，其操作和全文分栏基本差不多，只需要选中希望分栏的段落，然后按照...
word
2013/05/10

ASP.NET MVC2设置一个页面为起始页就不能用
我用VS 2010Beta2开发ASP.NET MVC2

没有设置路由
我把一个页面设为起始页后

运行页面不能访问
如何把那个设置为起始页的设置取消掉



修改这里 就OK了。
效果：

    
项目创建完毕后，默认是使用ViewController作为主界面视图。下面通过样例演示，如何使用TableViewController作为主界面视图，同时演示如何在storyboard中设置表格及内部单元格样式。

功能如下：
1，程序运行后即为表格页面
2，表格内容为“行号：内容”
3，点击单元格可以切换勾选与取消勾选状态



效果图如下：



详细步骤：
1，删掉storyboard现有的视图界面。然后从对象库中拖入一个TableViewController到场景中。同时将其Attributes面板中的，Is Initial View Controller选中。


2，新建一个类MainController.swift，继承自UITableViewController


3，将场景中的TableViewController与新建的MainController进行绑定。选中主界面，然后再Identity面板中将CustomClass的Class属性设置为MainController即可。


4，选中单元格（TableViewCell），在Attributes面板中设置Identifier属性为“maincell”（供代码中使用）。






同时将Accessory属性设置为Checkmark（表示单元格尾部为勾号）


5，从对象库中拖入一个Label控件到cell中，用于显示内容。同时选中这个Label，在Attributes面板中设置Tag的值为1000，供代码中获取标签。


6，MainController.swift



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42




import UIKit
 
class MainController: UITableViewController {
     
    var tasks:[String] = ["今天任务","明天任务","后天任务"]
 
    override func viewDidLoad() {
        super.viewDidLoad()
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
 
    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return tasks.count
    }
 
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)
        -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("maincell", forIndexPath: indexPath)
            as UITableViewCell
        //获取label
        let label = cell.viewWithTag(1000) as UILabel
        //设置label内容
        label.text = "\(indexPath.row)：\(tasks[indexPath.row])"
        return cell
    }
     
    override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
        //获取cell
        let cell = tableView.cellForRowAtIndexPath(indexPath)
        //根据原先状态，改变勾选或取消勾选状态
        if cell?.accessoryType == UITableViewCellAccessoryType.None{
            cell?.accessoryType = UITableViewCellAccessoryType.Checkmark
        }else{
            cell?.accessoryType = UITableViewCellAccessoryType.None
        }
        //取消选中状态
        tableView.deselectRowAtIndexPath(indexPath, animated: true)
    }
}










7，上述操作完毕后会发现，表格顶着最上面不好看。我们可以在头部添加一个Navigation 
Controller导航控制器。即选中storyboard中的主界面，然后从XCode的顶部菜单选择Editor->Embed 
In->Navigation Controller。最后，选择主界面，将title设置为“任务列表”  

转载于:https://www.cnblogs.com/Free-Thinker/p/4841058.html