全文共字，预计学习时长13分钟
图源：Unsplash现代人离不开手机。
每天清晨，当我睡眼惺忪的醒来，便开始点击手机，关闭嗡嗡作响的闹钟提示音。我的闹钟是我以前喜欢的一首歌，但现在却十分讨厌，因为一听到这首歌就意味着我要起床了。既然拿起了手机，我开始翻身查看Twitter、邮件、短信、Instagram、Reddit、Medium以及所有那些我可以一直滚动浏览下去的网站。一天里，即使我起了床，喝了咖啡清醒后，我也会翻看。我的拇指拖动几十个应用程序，成百上千屏有价值的内容。
据估计，每人平均每天用拇指滚动的距离超过一英里，而且由于我们久坐不动的生活方式，这可能比我们每天的步行距离还远。所有平台上的所有应用程序都由身价数十亿美元的硅谷独角兽公司打造，它们都有一个共同点，即由相同的基本组件——表格（table）构建而成。我几乎可以直截了当地说，这个单一的用户界面组件可能已经成为当代社会的基础。
安卓系统中，它的名字是TableLayout（表格布局），在iOS系统中叫做UITableView。如果你用过iPhone或安卓设备，你会对它很是熟悉：
上边是苹果手机的设置窗口，下边是Whatsapp的设置窗口
UITableView在许多方面属于柏拉图式理想。
此类风格的窗口不仅出现在苹果官方应用程序中，也出现在第三方应用程序中。即使是苹果的对手公司也使用同样外观。在后台，iOS应用程序使用一个框架,创建了名为CocoaTouch的表格视图（TableView），默认情况下，无论是哪家公司开发的应用程序，它的外观都是相同的。纵观以上应用程序，位于左边的窗口来自苹果公司制作的应用程序，纵观以上应用程序，并不能明显看出左边页面由苹果公司制作，而右边由Facebook制作。
当然，这些只是设置页面。但由于它的灵活性，TableView已为当今数百万应用程序提供了支持。
在iOS上运行的Twitter（上）；Medium和一些自营销（中）；在iOS上运行的短信（下）
无论UITableView还是TableLayout，其核心都是在屏幕上显示一个列表。别无其它。
Table中的每一行叫做单元格（cell），默认情况下分为以下四部分：
l位于左侧的图像
l主标题
l字体稍小的副标题
l位于右侧的标识
截图来自：苹果iOS系统
这是另一款表格！TableView无处不在。你可以用TableViews做一本i-spy书。
即使不进行任何编码，也可以在以下部分中增删内容以更改界面外观。
苹果开发人员文档中的TableView样式
从爱彼迎到Zipcar，每一款iOS应用都是使用Xcode构建的，Xcode是一款可以从苹果免费下载的MacOS应用。无论这个应用程序多大，或者是由哪家公司开发的，开发人员都使用了这个工具，你可以自行下载并立即使用。在Xcode中，无需任何编程基础，仅需简单的拖放，就可以创建一个只具有TableView的应用程序。如果你把一些TableView单元格放到Xcode中，并在上面放一些图标，你的应用程序实际上什么也做不了，但它不论看起来还是感觉上都像一个真正的应用程序，并且你将使用与其他所有iOS应用程序相同的基本代码。
一旦创建了TableView，开发人员就可以在其上进行构建。他们制作自定义单元格，这就是获得如Uber、Gmail、Snapchat或Venmo等各种应用程序的方式。
现在了解TableView之后，你会发现它无处不在。事实上，我打赌你找不到一个不包含TableView的热门应用。AppleNews、YouTube、Netflix、Amazon、Tinder、Uber、Monzo、JustEat，只要是PeterThiel投资的应用程序就一定包含TableView。甚至是Medium应用也主要使用TableView——如果你在移动应用程序上阅读本文，你就会点击TableView单元格。
TableView之所以流行并成功有如下原因。首先，它启用了最重要的feed流。Feed流是现代应用程序设计的一个主要部分，其本质是一个无限滚动的内容列表。它是Twitter、Instagram或Facebook的主页，用来显示所有最新内容。它吸引我们点击进入，没留任何休息的空间，就像数字版的品客薯片：一旦开始滚动屏幕就停不下来。我们嚼着那些充满味精的土豆类零食，直到把它吃完，但无限的滚动没有尽头。我们可能会说“再来一次就够了”。但当我们浏览Twitter时，再来一次什么？再来一个TableView单元格？再来一次屏幕滚动？那单元格呢，在屏幕底部无尽地窥视？
图源：Unsplash现在了解TableView之后，你会发现它无处不在。事实上，我打赌你找不到一个不包含TableView的热门应用。
TableView提供了一个容纳内容的结构。公司设计定制单元格，人们上传或添加适合这些单元格的内容。这些限制（Twitter的个字符，Instagram的方形照片）似乎培养了上传作品的创作者的创造力，同时格式的可预测性也吸引了用户。当我们滚动时，我们知道会发生什么：照片或文本和图像的结合。一旦点击，就会看到一系列的评论，一条接一条。从根本上说，TableView将内容组织成了预测的模式。
TableView似乎符合人们的屏幕阅读方式，即广为人知的F形。可用性研究表明，人们在电脑上查看文档时，会以特定的模式进行浏览。他们的眼睛从左向右扫视，然后顺着左手边滑下，当某些内容勾起兴趣时又向右扫视。当此模式覆盖在内容上时，看起来就像是大写的“F”
一般来说，人们进行略读和速读，而不是阅读每一个单词。对于长篇内容（如本文）的作者来说，这不是什么好消息。但另一方面，TableView非常适合这种阅读模式。不论长短，都鼓励F形阅读。每个单元格中的内容从左到右排列，单元格从上到下排列。我们可以沿着直线向下略读，查阅每个单元格，如果对内容感兴趣，就可以适当地进行查看。如果不感兴趣也没关系，用另一个拇指滑动屏幕，会出现一组新的单元格，其中某个也许更有趣。
TableView在纵向屏幕上发展良好，而且多亏智能手机的兴起，默认屏幕现在变成了纵向。即使是在横向台式机或笔记本电脑显示器上，页面内容高度通常也会大于宽度，两边留有空白。这样可以浏览并滚动列表，便于浏览，同时也非常容易上瘾。我们已经开始在桌面网站和许多从前未触及的地方创建TableView。
和所有的发明一样，人们很容易认为TableView的出现是特定时期的必然产物，但我更愿意把它看作是那些无形中让事情变得更好的微小奇迹之一。TableView出现之前，表格存在于网页上，但仅是使用网格来展示信息，如电子表格。表格没有像TableView那样为页面本身提供结构。相反，它们是添入页面的组件。事实上，开发人员被明确告知不要使用表格进行布局。虽然你可以在网页上放置重复的内容块，但正是TableView规范了这个想法，并将其拓展到每天使用的所有应用程序中。
我们的经济由科技巨头主导。马克·扎克伯格和杰夫·贝佐斯家喻户晓。他们开发的应用程序不仅在经济上而且在文化上塑造了我们的社会。而这一切的背后，是不为人知的TableView。
与应用程序相比，标准网页基本上是非结构化的。当你在应用中通过TableView进行滚动时，你知道会发生什么（更多的TableView单元格），但是当你滚动浏览一个网页时，即使是在移动设备上，你也不知道接下来会发生什么。下方可能是一个视频，更多的文本，一张表或者供你输入的表格。一切都可能出现。而TableView改变了这一切。它确保了一组与内容匹配的参数。
毋庸置疑，TableView将成为移动端内容呈现的主要方式。它的表亲（更准确地说是它的父代）CollectionView是所有智能手机用户都熟悉的另一种模式。
iPad主屏幕（上）、日历（中）和iOS照片库（下）的CollectionView
TableView是列表，而CollectionView是网格。你不能像用TableView那样浏览CollectionView，因为你的眼睛必须一路看过去，然后再返回查看每个项目。Twitter不能使用CollectionView。即使是Instagram，虽然在用户的个人资料屏幕上使用了CollectionView，但其主feed还是采用了TableView。
我是TableView的忠实粉丝，无论是作为开发人员还是睡眼惺忪的滚屏者。TableView是应用程序的基本构件。更夸张一点说，过去10年应用程序的爆炸式流行多亏了TableView。当锡罐被创造出来后，可以制造和储存的新食品产量大幅增长。TableView对应用程序也起到了同样的贡献。如果没有它为设计和消费提供框架，应用程序将变成各种模式的“大杂烩”——就像今天的许多网站一样。每一个应用程序都从一张白纸开始，开发者将不得不自己发明一切。TableView是许多应用程序背后的无声英雄，无形地滚动了很远很远。
有时候，当我使用一个应用程序时，我会停下来看看他们是如何设计和填充TableView单元格的，即使用的图标样式、放置内容的方式、应用的间距、颜色和阴影。我会惊叹于这个组件可以让体验变得如此熟悉，同时对每一实现都感到新鲜和独特。
图源：Unsplash经济由科技巨头主导。马克·扎克伯格和杰夫·贝佐斯家喻户晓。他们开发的应用程序不仅在经济上而且在文化上塑造了我们的社会。而这一切的背后，是不为人知的TableView，它以一种一致且可识别的格式组织并呈现数据。
对我来说，移动应用兴起与成功的故事就是TableView的成功故事，你呢？
留言点赞
转载请注明地址:http://www.1xbbk.net/jwbfz/6592.html
