你用過的全部應用都有這個功能，你知道嗎？

你用過的全部應用都有這個功能，你知道嗎？

做者｜Simon Pitt
譯者｜王強
編輯｜王文婧
你可能從沒據說過它的名字，甚至沒有注意過它，但它實實在在地影響了移動應用的崛起與成功。
我睜開惺忪的睡眼，輕敲個人手機，阻止它繼續發出嗡嗡的震動聲。個人鬧鈴是我之前喜歡的一首歌，但我早就對它沒興趣了，由於聽到它就能想起被打擾的好夢。反正也拿起了手機，我就劃開屏幕，開始查看 Twitter、電子郵件、消息、Instagram、Reddit、Medium 等網站。總之，這些頁面我能夠無休止地劃下去。整整一天時間，就算在我下牀補充咖啡因的時候，我也會劃來劃去。個人拇指點開了幾十款應用，還有數百甚至數千頁的內容。
據估計，通常人天天用拇指划動的距離超過一英里，可能比咱們天天走的路都長，這要歸功於咱們一坐不起的生活方式。
在全部平臺上，由這些價值數十億美圓的硅谷獨角獸構建的應用都有一個共同點——它們都使用了同一種基本組件構建：那就是 table，也就是表格組件。 我幾乎能夠直截了當地下結論：就這麼一個用戶界面組件，可能已經成爲了當代西方社會的基礎。
在 Android 中，它被稱爲 TableLayout；在 iOS 中，它被稱爲 UITableView。只要你用過 iPhone 或 Android 設備，確定會很是熟悉它：
圖片UITableView 的柏拉圖式理想的映射。左邊是蘋果設置屏幕，右邊是 WhatsApp 設置屏幕。
這種風格的頁面不只出如今蘋果的官方應用中，還出如今第三方應用中，與蘋果競爭的公司甚至也在使用這種外觀。在後臺，iOS 應用使用一個框架來建立名爲 CocoaTouch 的 TableView。在默認狀況下，不管應用來自哪家公司，其外觀都是同樣的。看一下上面列出的應用，左邊是來自蘋果公司的應用，右邊的頁面由 Facebook 構建，但它們並無多大區別。
固然這些只是設置頁面。因爲 TableView 的靈活性，它現在已爲數百萬個應用提供了支持。

Twitter 的 iOS 版本（左）； Medium 和一些自我宣傳（中）； iOS 上的 Message（右）
從本質上講，UITableView 或 TableLayout 會在頁面上顯示一個列表。這就是它的所有。
表格中的每一行被稱爲一個單元格（Cell），通常分爲四個部分：

• 左側的一張圖像；
• 一行標題；
• 一行較小的字幕；
• 右側的一個符號。
  
  又是一張表格！TableViews 無處不在。你能夠用 TableViews 作一本兒童讀物。截圖：蘋果 iOS
  就算不寫任何代碼，你也能夠在這些部分添加或刪除內容，以更改界面的外觀。
  
  TableViews 的樣式說明，來自蘋果開發者文檔（developer.apple.com/documentation/uikit/uitableviewcell）
  從 Airbnb 到 Zipcar，全部 iOS 應用都是用 Xcode 構建的，這是從蘋果免費下載的 macOS 應用。不管應用有多大，或由哪家公司開發，開發人員都要使用這個工具，你能夠自行下載並當即使用。在 Xcode 中，只需拖放組合一些界面，無需編程經驗就能夠作出只有 TableViews 的應用。若是你將一些 TableView 單元格放到 Xcode 中，並在上面放上一些圖標，那麼你的應用實際上不會作任何事情，但看起來和感受上都很像是那麼回事，而且你會用到和其餘全部 iOS 應用都同樣的基本代碼。
  建立 TableView 後，開發人員將在此基礎上進行構建。他們會建立自定義單元，進而打造出 Uber、Gmail、Snapchat 或 Venmo 等你所熟知的應用。
  如今瞭解了這些知識後，你會發現 TableView 無處不在。我打賭你根本找不到哪款熱門應用是沒有 TableView 的。Apple News、YouTube、Netflix、Amazon、Tinder、Uber、Monzo、JustEat——隨便找一款 Peter Thiel（Paypal 創始人，著名投資家）投資的應用，確定包含 TableView。就連 Medium 應用也主要是 TableViews 構建的——若是你是在移動應用上閱讀這篇文章，就已經點了一個 TableView 單元格。
  TableView 普遍流行並大獲成功絕非偶然。首先，它帶來了相當重要的 feed。 這是現代應用設計的基礎內容——feed 本質上是無限滾動的內容列表。Twitter、Instagram 或 Facebook 的主頁都是 feed 流，顯示全部最新的內容。它緊緊抓住了咱們的眼球，連眨眼偷懶的功夫都沒有，就像是一大罐數字版的爆米花同樣：只要開始划動就停不下來。咱們啃炸土豆零食還有個頭，袋子空了也就沒轍了，但是划動是沒有盡頭的。咱們可能會說："再刷新一次，一次就夠了。"
  TableView 提供了一種能夠容納內容的結構。企業會設計定製的單元格，人們上傳或添加適合放進這些單元格的內容。這些限制（如 Twitter 的 280 個字符、Instagram 的方形照片……）彷佛還在上傳做品的創做者中培養了創造力，而格式的可預測性綁住了用戶。咱們知道在划動時會出現什麼：照片或文本和圖像的混合內容；輕點一下就會展開一系列評論，一條接着一條。從根本上講，TableView 將內容組織成了可預測的模式。
  TableView 彷佛正好符合人們閱讀頁面的「F 形「方式。 研究代表，當人們在計算機上查看文檔時會以特定的模式掃描。他們的目光從左向右滑動，而後從左側滑下，當某些東西引發他們的興趣時又會向右滑動。這種目光掃描的模式看起來像大寫的"F"。
  通常來講，人們會泛讀、快速掃描，而不會仔細看每一個單詞。對於內容較長的文章而言，這不是什麼好消息。但另外一方面，TableView 很是適合這種閱讀模式。不論是什麼內容，它都鼓勵 F 形閱讀。每一個單元格中的內容順序是從左到右的，衆多單元格在頁面上按從上至下的順序排列下去。咱們能夠一眼掃過各個單元格，若是哪裏的內容吸引了咱們，咱們就能夠停下來仔細觀摩一番。若是沒有任何內容能勾起咱們的興趣，那也沒問題，只要再劃一下頁面，就能刷出一組新的單元格，也許此次就會有一些有趣的內容了。
  TableView 在縱向屏幕上可謂如魚得水。多虧了智能手機的興起，默認的屏幕形狀如今變成了縱向的。即便在橫向的臺式機或筆記本電腦顯示器上，頁面的高度一般也比寬度要大，而且兩邊都有空白。這使咱們可以瀏覽和滾動列表，輕鬆掃過大片內容，固然這也很容易上癮。咱們已經開始在桌面版網站和以前從沒想過的許多地方建立 TableView 了。
  與全部發明同樣，人們很容易認爲 TableView 是必然的產物，但我更願意將它視爲某種小小的奇蹟，無形中讓咱們的世界更加美好。表格在 TableView 以前就存在於互聯網，但它們是用小方格來展現信息的，就像 Excel 那樣。它們並無像 TableView 那樣爲頁面自己提供結構。相反，它們是添加到頁面上的組件。實際上，開發人員曾被明確告知不要使用表格來佈局。雖然說你能夠在網頁上放置重複的內容塊，但正是 TableView 規範了這個想法，並將其延伸到咱們天天使用的全部應用中。
  科技巨頭主導着咱們的經濟。馬克·扎克伯格和傑夫·貝佐斯都是家喻戶曉的名字。他們製做的應用不只在經濟層面，並且在文化層面影響着咱們的社會。而這一切的背後，則是不爲人知的 TableView。
  與應用相比，標準的網頁在很大程度上是非結構化的。當你在應用中滾動瀏覽 TableView 時，你知道下面會發生什麼（更多的 TableView 單元格）。但即便在移動設備上滾動瀏覽網頁時，你也不知道接下來會發生什麼。可能會有視頻、更多文本、表格，或者須要填寫的表單，什麼都有可能。TableView 改變了這一切。它承諾了一組參數，內容會根據這組參數來呈現。
  毋庸置疑，TableView 成爲了在移動設備上呈現內容的主流方式。而它的表親（更準確地說是其父級）CollectionView 是全部智能手機用戶都熟悉的另外一種模式。

iPad 主屏幕（左）、日曆（中）和 iOS 照片庫（右）的 CollectionView。
TableView 是列表，而 CollectionView 是網格。你沒法像使用 TableView 同樣掃描 CollectionView，由於你的目光必須一路穿過內容，而後再繞回來查看每一個項目。Twitter 不會使用 CollectionView。而 Instagram 雖然在用戶我的資料頁面上用了 CollectionView，但在主 feed 上仍是用了 TableView。
我是 TableView 的忠實愛好者，從開發人員和沉迷其中的用戶角度來講都很熱愛它。它是應用的基礎構建塊。再誇張一點來講，我會斷言過去 10 年來應用的爆炸式增加都歸功於 TableView。當初人們發明錫罐後，工廠能夠製做和儲存的新食品數量大大增長了。TableView 對應用而言也是如此。沒有它提供的設計和使用框架，咱們的應用將成爲一堆亂糟糟的不一樣模式的混雜物——就像今天的許多網站同樣。每一個應用都會從一張白紙開始，從頭髮明一切輪子。TableView 是許多應用背後的無聲英雄，無形地推進車輪向前滾動。
有時，當我在玩一個應用時，我會停下來看看他們如何設計和實現 TableView 單元格——包括他們使用的圖標風格、內容的放置方式、應用的間距、顏色和陰影等等。每次我都會讚歎不已，由於這種組件可讓體驗如此親切熟悉，同時使每種實現都顯得新鮮而獨特。
在我看來，移動應用崛起和成功的故事，就是 TableView 成功的傳奇。
做者介紹
Simon Pitt 是媒體技術人員、開發人員、產品經理、軟件人員和 Web 工做者。他是英國廣播公司（BBC）的企業數字部門負責人，有着獨到的看法。更多內容可訪問 pittster.co.uk。
原文連接：https://onezero.medium.com/every-mobile-app-youve-ever-used-has-this-one-feature-f10a38671730
活動推薦
技術在企業的發展中成爲愈來愈重要的驅動力，所以企業在研發團隊成長上的投入日益增長。提高研發團隊效能、打造學習型組織，成爲愈來愈多企業的一個重要使命。
極客時間企業帳號 專一爲企業制定技術人員培養方案，提供系統化學習平臺。若是你也但願提高團隊技術能力、塑造團隊學習氛圍、激勵團隊成員，請掃碼或點擊「閱讀原文」查看相關課程、獲取學習方案。