Swift on Xcode#9[UITableView-Basic settings]

影山小麥機
Jul 31, 2021

UITableView提供了我們很多的實用實作,我們接著要多談談這個主題

前言

在上一次認識了一些UI元件後,這次要講一個篇幅會比較大的主題:UITableView也相信這是許多人在初學的路徑上,會比較想要知道的主題,大概剛開始學習後的第一個月,在進到UITableView這個階段的時候,就會要知道如何去建置跟UITableView相關的東西。

而這些東西,恰巧可以組裝成一個在IPhone上的鬧鐘,所以,在UITableView這個單元上,這篇會談到的東西比較簡單些,就是如何在畫面上創建一個UITableView。

本文開始前,要先交代幾件事情:

  1. 我會把它以MVC架構的方式去劃分,所以會看到我畫面的部分是放在畫面(TableView)的頁面,而試圖控制器(ViewController)是放在視圖控制器的頁面。
  2. 另外,有增加的Protocol會放在extension的部分,這樣比較好區別到底這裡面裝了些什麼藥。
製作一個TableView,以MVC的方式進行

正文

在TableView這個檔案裡面,我基本上就是給定了一些架表格的基本設定,讓表格可以運作。

TableView中的屬性設定:

這個屬性沒有我們的畫面檔就不用混了

TableViewController中的屬性設定:

幾個重要的點要注意:

  1. 表格的Cell一定要註冊(19行)
  2. 隔線方式可以設定(20行)
  3. 還有一些東東之後會說

在TableViewController裡面,則為了要讓表格是可以有資料傳入,所以用dataSource、delegate在視圖控制器的檔案裡描述。

而這時候,就要用擴展extension,去將你新增的協定做一些描述:

  1. 90–91行的內容,計算的是有幾個資料存在info這個陣列裡面,會回傳給TableView去進行畫面顯示
  2. 94–98的內容,則是設定要顯示在TableView上的文字。

上面的東西做完之後,就會產生下面的表格囉!

原則上,這些是創一個表格的基本要素,無論是創什麼樣的表格。

有的人要表格是可以編輯的、有的人純粹要表格是可以顯示的⋯⋯

接下來,我們會針對這個主題繼續做延伸。

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

影山小麥機
影山小麥機

Written by 影山小麥機

本職為Mobile工程師,熱愛分享視野,也樂意站在ChatGPT的肩膀上。訂閱小麥機,收割技術、職涯、人生的難題。

No responses yet

Write a response