[iOS/UI] 테이블뷰 특정 인덱스로 바로 이동하기(UITableView scrollToRow)

안녕하세요 Foma입니다 !!

 

오늘은 테이블뷰에서 특정 인덱스 위치로 바로 이동하는 방법을 알아보겠습니다.

 

가끔 테이블뷰에 이동할때 바로 몇번째 section 또는 row인 셀이 떴으면 좋겠다고 생각했는데 

 

열심히 구글링한 결과 UITableView에 scrollToRow 메소드를 사용하면 바로 스크롤링이 되면서 이동할 수 있었습니다.

 

 

자 그럼 시작하겠습니다 !

 

먼저 테이블뷰와 테이블뷰셀과 그 안에 인덱스를 나타낼 레이블 원하는 인덱스로 이동할 버튼을 만들어줍니다.

뷰컨트롤러로 이동해 테이블뷰의 row 갯수와 row의 셀을 정해줍니다.

버튼을 눌렀을 때 원하는 인덱스로 이동하도록 설정해줍니다. 

아래 사진과 같이 indexPath 상수를 만들어주어 원하는 row를 적어주고 

아래 현재 테이블뷰에 scrollToRow를 이용하여 indexPaht를 넣어줍니다.

이렇게 완성한 뒤 시뮬레이터를 돌려보면 다음과 같이 원하는 인덱스로 스크롤되면서 이동하는 것을 볼 수 있습니다!!

전체코드

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

import UIKit   class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {               @IBOutlet weak var item: UIBarButtonItem!     @IBOutlet weak var table: UITableView!          func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {         30     }            func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {         let cell = table.dequeueReusableCell(withIdentifier: "TableViewCell") as! TableViewCell         cell.label.text = "\(indexPath.row)"         return cell     }          override func viewDidLoad() {        }        @IBAction func tapItem(_ sender: Any) {      let indexPath:IndexPath = IndexPath(row: 15, section: 0)         self.table.scrollToRow(at: indexPath, at: .none, animated: true)       }           }   Colored by Color Scripter

 

테이블뷰셀

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

import UIKit   class TableViewCell: UITableViewCell {       @IBOutlet weak var label: UILabel!     override func awakeFromNib() {         super.awakeFromNib()         // Initialization code     }       override func setSelected(_ selected: Bool, animated: Bool) {         super.setSelected(selected, animated: animated)       }   } Colored by Color Scripter