swift 썸네일형 리스트형 (3).템플릿 먼저 메인을 만들어 보겠습니다. 구조는 아래와 같습니다. Snapkit으로 UI를 만들려면 상당한 시간의 노력이 들어갑니다.코드로 UI를 만들어야되기 때문입니다.그래서 공통의 템플릿을 만들어서 사용하면 코드 형식도 유지되고 장점이 있습니다. 아래는 직접 사용하는 템플릿 코드 입니다. 1.주석으로 뷰구조를 적어 놓습니다.그래야 나중에 한눈에 파악이 쉽습니다.2.viewDidLoad에서 초기화를 시도 합니다.snapkit,UI,데이타,이벤트 등을 초기화 합니다. initUI단에서는 기초적인 UI등을 초기화 합니다.(변수로 생성하면서 부족한 부분들을 초기화 합니다.)initData에서는 데이타들을 초기화 시키는 단계입니다.logic 단계 에서는 http 통신등을 추가해주면 됩니다.setupUI에서는 각각의 U.. 더보기 (2).목차 목차 Auto Layout 기초ViewStackViewScrollViewTableViewBasicDynamic HeightMutiple Type CellStatic Table View CellCollectionViewVerticalHorizonMultiple Type Cell예제스크롤 기초 화면키보드 화면로그인 화면데이타 입력화면채팅 UI 만들기 예제 내용은 계속 추가될수 있습니다. 댓글로 남겨주시면 계속 만들겠습니다. 더보기 (1).프로젝트 생성 single view로 생성합니다. 그런다음 pod을 설치 합니다.carthage를 사용하시는분은 사용법에 따라 snapkit을 설치해주세요. source 'https://github.com/CocoaPods/Specs.git' platform :ios, '10.0' use_frameworks! target 'SnapkitTest2' do pod 'SnapKit', '~> 4.0' end Podfile 예시입니다. # Uncomment the next line to define a global platform for your project platform :ios, '9.0' target 'SnapkitTest2' do use_frameworks! pod 'SnapKit', '~> 4.0' end 그런다.. 더보기 Snapkit 고급 UI 만들기 Snapkit으로 기초 UI 생성하는것을 만들어봤다.앞으로 자주 사용되어지는 UI에 대해서 기록해놓으려고 한다. 기초 내용은 아래의 git을 참고해주세요.https://github.com/choiks14/SnapkitTest 고급 UI는 아래를 참조해주세요.https://github.com/choiks14/SnapkitTest2 더보기 snapkit(14) 테이블과 함께 많이 사용하는 collectionview를 설정한다. collectionview의 이미지 나열하는것에서 추가로 이미지와 이름 날짜를 추가한다. collectionview의 contentInset을 넣어둿다.아이템간의 간격을 맞추기 위함이다. import UIKit import SnapKit class Collection3ViewController: UIViewController { var didSetupConstraints = false let cellName = "collectionViewCell1" var collectionTitle: UILabel = { let label = UILabel() label.font = .systemFont(ofSize: 15) label.textColo.. 더보기 snapkit(13) 테이블과 함께 많이 사용하는 collectionview를 설정한다. tableview와 거의 동일하다. 하지만 UICollectionViewFlowLayout를 설정을 해줘야된다.itemsize와 간격등을 설정해주면 된다. 이미지를 가로 두개씩 나열하는 모양. import UIKit import SnapKit class Collection2ViewController: UIViewController { var didSetupConstraints = false let cellName = "collectionViewCell1" var collection1Title: UILabel = { let label = UILabel() label.font = .systemFont(ofSize: 15) label.text.. 더보기 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.. 더보기 이전 1 2 3 다음
