본문 바로가기

전체 글

snapkit(12) 테이블과 함께 많이 사용하는 collectionview를 설정한다. tableview와 거의 동일하다. 하지만 UICollectionViewFlowLayout를 설정을 해줘야된다.itemsize와 간격등을 설정해주면 된다. 페이징처리를 한것과 하지 않은것이다 아이템 UI는 테이블의 아이템과 비슷하다. import UIKit class Collection1ViewController: UIViewController { var didSetupConstraints = false let cellName = "collectionViewCell1" var collection1Title: UILabel = { let label = UILabel() label.font = .systemFont(ofSize: 15) la.. 더보기
snapkit을 한 3주일 공부한 느낌 1.storyboard 장점:(1).직관적이다.(2).segue를 잘만 사용한다면 흐름을 파악하기 쉽다.(하지만 segue가 단점이 될수도 있다.)(3).유지 보수 할때 한눈에 앱의 구조를 파악하기 쉽다. 단점:(1).코드 유지 보수가 어렵다.(storyboard에 label하나만 수정해도 어떤게 수정되었는지 diff로는 알 방법이 없다.)(2).느리다.(storyboard 빌드하는데 한 세월이 걸린다.또한 수정하는데도 xcode가 한세월을 기다리게 한다.)(3).segue의 결정적 단점:같은 화면을 계속 불러오는 구조라면 segue가지고 흐름도를 파악할수 없다.Controller 소스를 봐야만 어떻게 흘러가는지 알수가 있다. 2.snapkit(apple에서 제공되는 기본 constraint나 PureL.. 더보기
snapkit(11) stackview 복합적으로 사용 1.stackview를 생성한다. stackview 아래에 바로 stackview는 들어가지 않아서 view를 넣고 그 안에 stackview를 넣는다. equalSpacing을 하고 view의 가로를 주면 가로만큼 생기고 동일한 간격이 된다. stack.spacing는 무시된다. import Foundation import UIKit import SnapKit class Stack3ViewController: UIViewController { var didSetupConstraints = false let stackView:UIStackView = { let stack = UIStackView() stack.axis = .vertical stack.spacing = 1.. 더보기
snapkit(10) stackview 가로로 같은 사이즈 만들기 1.stackview를 생성한다.(세로와 거의 동일하다)distibution을 fillEqually로 설정하면 stackview의 세로에 맞게 자동적으로 높이를 계산한다.spacing은 view간의 간격을 정해준다. stackview에 view를 추가할때는 addSubView가 아니고 addArrangedSubview로 해줘야지 view가 정렬된 상태로 들어간다. stackview안에 있는 view는 특별히 가로 세로를 넣을것이 아니면 constraint를 안줘도 된다. import Foundation import UIKit import SnapKit class Stack2ViewController: UIViewController { var didSetupCo.. 더보기
snapkit(9) stackview 세로로 같은 사이즈 만들기 1.stackview를 생성한다.distibution을 fillEqually로 설정하면 stackview의 세로에 맞게 자동적으로 높이를 계산한다.spacing은 view간의 간격을 정해준다. stackview에 view를 추가할때ㅑ는 addSubView가 아니고 addArrangedSubview로 해줘야지 view가 정렬된 상태로 들어간다. import Foundation import UIKit import SnapKit class Stack1ViewController: UIViewController { var didSetupConstraints = false let stackView1:UIStackView = { let stack = UIStackView(.. 더보기
snapkit(8) 테이블 이미지 상단 뷰 기본 테이블 - 이미지 -이미지 | 제목 | 날짜 - seperate - 1.테이블 뷰를 생성한다.테이블뷰의 estimatedRowHeight는 예상되는 높이(나중에 동적으로 변경되기때문에 어림잡아 세팅하면 됨) 테이블뷰의 rowHeight는 반드시 UITableViewAutomaticDimension로 설정해야된다. 이미지 비율을 폰크기 마다 변경하고 싶다면 폰의 비율에 따라 이미지 높이를 동적으로 잡아주면 된다.rowHeight가 UITableViewAutomaticDimension이기때문에 자동으로 이미지 높이가 수정된다. import UIKit class TableView3Controller: UIViewController { var didSetupConstraints = .. 더보기
snapkit(7) 테이블 동적높이 기본 테이블 이미지 | 제목 | 내용 1.테이블 뷰를 생성한다.테이블뷰의 estimatedRowHeight는 예상되는 높이(나중에 동적으로 변경되기때문에 어림잡아 세팅하면 됨) 테이블뷰의 rowHeight는 반드시 UITableViewAutomaticDimension로 설정해야된다. import UIKit class TableView1Controller: UIViewController { var didSetupConstraints = false let cellName = "tableview1cell" let tableView: UITableView = { let tableView = UITableView() return tableView }() let dummyList: [TableVie.. 더보기
snapkit(6) 이번에는 가장 많이 사용되는 tableview를 사용해보자 사실 tableview를 만들다기 보단 tableviewcell를 동적으로 만드는게 주 목적이다. 기본 테이블 이미지 | 제목 | disclosureindicator 1.테이블 뷰를 생성한다. import UIKit class TableView2Controller: UIViewController { var didSetupConstraints = false let cellName = "tableview2cell" let tableView: UITableView = { let tableView = UITableView() return tableView }() let dummyList: [TableView2Model] = [ TableView2Mode.. 더보기