본문 바로가기
ios 뽀개기/ios앱

3 테이블 뷰

by 인생여희 2017. 11. 17.
반응형


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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
//
//  ViewController.swift
//  StoryBoard
//
//  Created by MacBookPro on 2017. 11. 17..
//  Copyright © 2017년 MacBookPro. All rights reserved.
//
 
import UIKit
 
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    //그림 파일명을 배열에 담았다.
    let image = ["ap.jpg","orange.jpg","strow.jpg"]
    
    
    //행개수 담당 함수
    public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int-> Int {
        //row행개수
        return 3
    }
    
    
   //테이블 뷰 디자인 관련 함수
    public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{
        //row cell 디자인
        
        //rowCell은 스토리 보드에서 만들어준 한줄에 해당하는 이름이다.
        let cell = tableView.dequeueReusableCell(withIdentifier: "rowCell"for:indexPath) as! rowDTO
        
        cell.rowLabel.text = image[indexPath.row] //라벨에 들어갈 글 순차적으로 돌면서 삽입
        cell.rowImage.image = UIImage(named: image[indexPath.row]) //이미지 순차적으로 돌면서 삽입
        
        return cell
    }
    
    
    //테이블 뷰 끌어서 여기 놓아줌
    @IBOutlet weak var tableView: UITableView!
    
    
    
    //테이블 사이즈 이곳에서 재조정
    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.rowHeight = UITableViewAutomaticDimension
        tableView.estimatedRowHeight = 10
        
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
 
 
}
 
// row DTO 만들어 주고 rowCell과 연결 시켜줌
class rowDTO: UITableViewCell{
    
    //스토리보드에 있는 image 끌어서 드래그
    @IBOutlet weak var rowImage: UIImageView!
    
    @IBOutlet weak var rowLabel: UILabel!
}
 
 
 
출처: 하울의 코딩채널
 
 
 
 
 
 
 
 
 
 
cs


반응형

'ios 뽀개기 > ios앱' 카테고리의 다른 글

6 데이터 피커 날짜함수  (0) 2017.11.21
5 사진 확대 축소 변경  (0) 2017.11.20
4 버튼 action함수  (0) 2017.11.20
2 레이아웃  (0) 2017.11.17
1 레이아웃  (0) 2017.11.16

댓글