Jiwift

사진과 같이 화면 전체를 덮는 TableView를 생성하겠습니다. 간단한 코드 몇줄로 끝내기. lazy var tableView: UITableView = { let tableView: UITableView = UITableView() tableView.backgroundColor = .orange return tableView }() 우선 테이블 뷰를 선언해줍니다. self.view.addSubview(self.tableView) self.tableView.snp.makeConstraints { $0.top.leading.trailing.bottom.equalToSuperview() } 그리고 원하는 위치에서 선언과 제약 조건을 걸어줍니다. 이러면 기본적으로 화면에 표시됩니다. lazy var tabl..

스냅킷에서는 중앙을 쉴게 잡아주는 기능이 있습니다. centerY make.centerY.equalToSuperview() Y축을 기준으로 중앙에 위치하게 합니다. centerX make.centerX.equalToSuperview() X축을 기준으로 중앙에 위치하게 합니다. center make.center.equalToSuperview() make.centerX.centerY.equalToSuperview() X축과 Y축을 동시에 중앙에 위치하게 하는 방법입니다. equalTo()와 응용 make.centerX.equalTo(self.myView) 원하는 대상을 지정해 주면 대상을 기준으로 중앙에 위치하게 됩니다. 알면 알수록 재미있는 스냅킷입니다.

snapkit에서는 inset과 offset이 있습니다. 둘은 비슷하면서도 많이 헷갈리기도 합니다. 저는 offset을 자주 사용하고 있긴 한데 둘의 차이점은 적용 대상의 안을 기준으로 하느냐 바깥을 기준으로 하느냐의 따라서 양수와 음수가 달라집니다. 사실 사용하다 보면서 그냥 익혀가는 게 더 빠르긴 합니다. // UI private func setUI() { // 슈퍼 View에 파랑색 View 추가 self.view.addSubview(self.myView) self.view.addSubview(self.secondView) // SnapKit 적용 self.myView.snp.makeConstraints { make in make.top.equalToSuperview() make.leading.eq..

snapkit에서는 inset과 offset이 있습니다. 둘은 비슷하면서도 많이 헷갈리기도 합니다. 저는 offset을 자주 사용하고 있긴 한데 둘의 차이점은 적용 대상의 안을 기준으로 하느냐 바깥을 기준으로 하느냐의 따라서 양수와 음수가 달라집니다. 사실 사용하다 보면서 그냥 익혀가는 게 더 빠르긴 합니다. // UI private func setUI() { // 슈퍼 View에 파랑색 View 추가 self.view.addSubview(self.myView) self.view.addSubview(self.secondView) // SnapKit 적용 self.myView.snp.makeConstraints { make in make.top.equalToSuperview() make.leading.eq..

매우 간단한 높이와 너비를 적용하는 방법을 알아보도록 하겠습니다. 지난번에는 equalTo를 사용해서 컴포넌트를 적용했습니다. 상/하/좌/우를 적용하면서 높이와 너비는 자동적으로 적용되게 하였습니다. 아주 간단한 높이, 너비 설정 코드 2줄로 빠르게 보고 넘어가겠습니다. // SnapKit 적용 self.myView.snp.makeConstraints { make in make.height.equalTo(200) make.width.equalTo(200) } equalTo를 사용해서 바로 높이와 너비를 지정해 줍니다. 이러면 코드가 적용되게 되는데, 사진과 코드를 비교하면 200이 제대로 적용된 것을 알 수 있습니다. 조심해야 할 점은 상수로 적용을 하고 오토레이아웃을 적용하는 것입니다. // SnapK..

equalTo() 이번에는 equalToSuperview 다음으로 equalTo를 배워 보도록 하겠습니다. 지난번에 알아본 equalToSuperview는 상위 뷰를 기준으로 레이아웃을 적용했다면 equalTo는 원하는 대상을 기준으로 적용하게 됩니다. // SnapKit equalToSuperview 적용 self.myView.snp.makeConstraints { make in make.top.equalToSuperview() make.bottom.equalToSuperview() make.leading.equalToSuperview() make.trailing.equalToSuperview() } // SnapKit equalTo 적용 self.myView.snp.makeConstraints { m..

equalToSuperview() 자신의 상위뷰와 똑같게 하겠다는 것, 위에 예시 코드를 보면 top, bottom, leading, trailing을 나의 SuperView와 똑같이 하겠다는 말입니다. (사용하다 보면, 개인적인 생각으로는 "똑같다~"라는 말도 맞지만, "기준으로 하겠다~"라는 말도 되는 것 같아요) 예시를 보면 최상위 View에 myView를 추가해서 부모 -자식 관계가 형성되었습니다. 이로서 myView는 부모 View를 기준으로 옵션들이 설정될 것입니다. 만약 저기에 View를 하나 더 추가하면 어떻게 될까요? // UI private func setUI() { // 슈퍼 View에 파랑색 View 추가 self.view.addSubview(self.myView) self.myV..

SnapKit 사용 중에 제일 기본기 UI 컴포넌트를 추가하도록 하겠습니다. UIView를 추가할 줄 안다면 다른 애들도 똑같이 사용 가능합니다. 다만 SnapKit이 아닌 UI마다 가진 고유 옵션들은 다를 수 있겠죠?? 제일 옵션을 줄게 없는 UIView에 backgroundColor를 Blue로 설정하여 추가하도록 하겠습니다. import SnapKit 원하는 사용 위치에서 라이브러리를 추가합니다. // UIView 선언 lazy var myView: UIView = { let view: UIView = UIView() view.backgroundColor = .blue return view }() 일단 아무 기능을 하지 않지만 파란색을 나타내는 UIView도 선언합니다. private func se..