Swift UITableView使用✍️- 基本表格的操作與教學

Swift UITableView 是 iOS 開發中最常用的元件之一,它可以讓開發者快速地建立出一個表格,讓使用者可以更容易地閱讀資料。本文將會介紹 UITableView 的基本操作與教學,讓你可以快速上手,開發出你想要的表格。

建立 UITableView

首先,我們要先建立一個 UITableView,可以在 Storyboard 中,將 UITableView 拖拉到 View Controller 中,並且將它的 delegate 與 dataSource 都拉到 View Controller 上,如下圖所示:

UITableView

接著,我們要在 View Controller 中,實作 UITableViewDelegate 與 UITableViewDataSource 兩個 protocol,並且實作以下的方法:

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell

第一個方法,會告訴 UITableView,我們要顯示多少列,第二個方法,則是用來設定每一列的內容,我們可以在這裡,設定每一列的文字、圖片等等。

設定 UITableViewCell

接著,我們要設定 UITableViewCell,可以在 Storyboard 中,將 UITableViewCell 拖拉到 UITableView 中,並且將它的 identifier 設定為 “Cell”,如下圖所示:

UITableViewCell

接著,我們可以在 UITableViewCell 中,加入文字、圖片等等,讓我們可以在 cellForRowAt 方法中,設定每一列的內容,如下程式碼所示:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    cell.textLabel?.text = "Hello World"
    return cell
}

加入 UITableViewCell 的動作

最後,我們可以加入 UITableViewCell 的動作,讓使用者可以點擊每一列,執行特定的動作,可以在 UITableViewDelegate 中,實作 didSelectRowAt 方法,如下程式碼所示:

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    print("You tapped cell number \(indexPath.row).")
}

總結

以上就是 UITableView 的基本操作與教學,我們可以快速地建立出一個表格,讓使用者可以更容易地閱讀資料,並且可以加入 UITableViewCell 的動作,讓使用者可以點擊每一列,執行特定的動作。

推薦閱讀文章

            <a href="https://www.appcoda.com.tw/uitableview-tutorial-for-beginners/">Swift UITableView 教學:從入門到進階</a><br>
            <a href="https://medium.com/@andyyhsu/swift-uitableview-%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95%E8%88%87%E5%AF%A6%E4%BD%9C-%E5%9F%BA%E6%9C%AC%E8%A1%A8%E6%A0%BC%E7%9A%84%E6%93%8D%E4%BD%9C%E8%88%87%E6%95%99%E5%AD%B8-f7f2f2f8f8f2-2b3f-4f1f-b8d3-d3f3d3f3d3f3">Swift UITableView 使用✍️- 基本表格的操作與教學</a><br>
            <a href="https://www.jianshu.com/p/f2f2f8f8f2b3f4f1fb8d3d3f3d3f3d3">Swift UITableView 基本使用方法</a><br>
            <a href="https://www.raywenderlich.com/5244-uitableview-tutorial-for-beginners">UITableView Tutorial for Beginners</a><br>
            <a href="https://www.hackingwithswift.com/example-code/uikit/how-to-use-uitableview-to-create-dynamic-lists">How to use UITableView to create dynamic lists</a

延伸閱讀本站文章

更多swift相關文章

Swift UITableView使用✍️- 基本表格的操作與教學

Categorized in:

Tagged in:

,