UITableViewの表示方法

Blog

 

 

 

1.ViewControllerにUITableViewの追加

 

 

 

 

 

 

2.Cellの追加

 

 

 

  • ⓵テーブルビューを選択し、
  • ②ProteTypeを1に増やします。
  • ③ProteTypeCellがひとつできたとも思います。

 

 

[図2]

 

 

 

 

3. Cellに名前をつける[図3]

 

 

 

 

 

  • ①まず、先ほど作ったCellを選択します。
  • ②そして、右側のIdentifierの欄に「Cell」と記入します。これで、名前(識別)がついたということになります。

 

 

 

4.  delegateとdataSourceの設定[図4,5]

 

 

 

 

 

 

 

 

 

 

 

  • まず、TableViewを選択①し、選択した状態から「Controlキー」を押しながら②の黄色いところまで持っていき離します。
  • すると、③のようにdataSourceとdelegateが出てきます。それから、画像のように横の白丸が付けばオッケーです。

 

 

5.  テーブルビューのアウトレット接続

 

 

ViewController.swiftを選択します。

 

 

 

  • テーブルビューを選択します。①
  • 選択した状態で、「controlキー」を押しながら、viewControlller.swiftまでドラックします。②
  • すると③のようにポップアップが出てくるので、図の通りに記入します。conectで接続できました。

 

 

 

6.  ターブルに表示

 

 

ViewController.swift

 

 

 

  • ①にDelegateとDataSourceのClassを追加します。
  • ②はテーブルに表示したいデータを格納します。
  • ③はDelegateとDataSourceの設定します。
  • ④現段階では、エラーが出ると思いますが、次のコードで消えるので今は、気にしないでください。

 

 

import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    @IBOutlet weak var tableView: UITableView!
   
    var fruites = [ "apple", "banana", "peach", "strawberry", "cherry", "watermelon" ]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.delegate = self
        tableView.dataSource = self
    }

    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        
    }
    
}

 

 

 

7.  必要なメソッドの記入

 

 

 

 

 

  1. セルの個数を返すメソッドを設定する。
  2. セルの設定をし、セルに表示する値を設定します。

 

 

 

import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    
    @IBOutlet weak var tableView: UITableView!
    
    var fruites = [ "apple", "banana", "peach", "strawberry", "cherry", "watermelon" ]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.delegate = self
        tableView.dataSource = self
            
    }

    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return fruites.count
    }

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

 

 

 

以上で完成になります!!

 

コメント

  1. […] ◎テーブルビューにデータを表示する方法はこちらを参照してください。 […]

  2. […] ◎テーブルビューにデータを表示する方法はこちらを参照してください。 […]

  3. […] データを表示する方法は、こちらを参考にしてみてください。 […]

  4. […] テーブルにデータを表示するまではこちらを参考にしてください。 […]

  5. […] テーブルビューのデータを表示するまではこちらを参照してください。 […]