본문 바로가기

전체 글

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.. 더보기
snapkit(5) 1.하단에 요새 많이 구매하기 버튼을 넣는 식으로 바디와 푸터를 구분해보자. view 구조는 view - body - footer body는 top,left,right는 view와 맞닿아 있고 footer의 top과 맞닿아 있다.footer는 bottom,left,right는 view와 맞닿아 있고 body의 bottom과 맞닿아 있다. 그리고 footer는 높이를 주지 않게되면 화면에 나타 나지 않게된다. class View3Controller: UIViewController { var didSetupConstraints = false let footerView: UIView = { let view = UIView() view.backgroundColor = UIColor.red return view .. 더보기
snapkit(4) 1.뷰를 4등분해서 보여준다. 목표red | blueblack |green red는 top과 left에 맞닿아 있고 가로,세로는 전체의 50% blue는 top과 right에 맞닿아 있고 가로,세로는 전체의 50% black는 bottom과 left에 맞닿아 있고 가로,세로는 전체의 50% green는 bottom과 right에 맞닿아 있고 가로,세로는 전체의 50% 이것을 snapkit으로 구현하면 아래와 같다. import Foundation import Foundation import UIKit class View2Controller: UIViewController { var didSetupConstraints = false let redView: UIView = { let view = UIView.. 더보기