김종권의 iOS 앱 개발 알아가기

* 애플의 지도앱과 같이 pan 제스처에 따라 sheet가 동적으로 이동되는 뷰는 UISheetPresentationController 포스팅 글 참고 구현에 편리를 위해 사용한 프레임워크 pod 'SnapKit' pod 'RxSwift' pod 'RxCocoa' pod 'RxGesture' 구현 아이디어 Sheet뷰의 핵심은 autolayout을 이용하여 위에서 나오도록 설정 커스텀 뷰 안에 show(), hide()를 구현하여 여기서 autolayout을 변경하여 애니메이션이 동작하도록 구현 backgroundView와 contentView를 놓고 backgroundView는 dimmed처리용도, contentView는 컨텐츠를 담을 용도 autolayout 핵심 - topSheet처럼 content..

구현 아이디어 tableView의 커스텀 Cell에 collectionView를 넣어서 구현 tableView의 커스텀 Cell은 collectionView를 가지고 있으므로, 커스텀 Cell에서 컬렉션 뷰에 뿌려줄 dataSource를 가지고 있는 상태 예제코드에서 사용한 프레임워크 코드로 UI 구현 시 편리함을 위해 사용 pod 'SnapKit' pod 'Then' 샘플 Model 정의 tableView와 collectionView에 표출될 샘플 모델 정의 collectionViewCell에 사용될 데이터: Subcategory의 colors tableViewCell에 사용될 데이터: SubCategory의 name tableViewHeader에 사용될 데이터: CategoryModel의 name s..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 구현 아이디어 UIImageView의 contentMode는 scaleAspectFill 이므로, 이미지의 height가 높아지면 width도 자동으로 높아지는 상태를 이용 UIImageView와 이를 담고있는 containerVie..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 * 미리 알아야 하는 개념) 코드로 UI 구현 시, SnapKit 기본 사용 방법 버튼 길이 감소 애니메이션 SnapKit의 Constraint 타입의 프로퍼티를 저장해놓고, 버튼 탭 시 constraint.update하여 레이아웃 ..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 미리 알아야하는 개념 코드로 UI 구현 시, SnapKit 기본 사용 방법 snapKit의 remakeConstraints() 기존에 입력되었던 constraints를 삭제하고 다시 constraints를 설정하는 메소드 multip..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 미리 알아야하는 내용 intrinsicContentSize 개념: https://ios-development.tistory.com/647 (코드로 UI 구현 시) SnapKit 프레임워크 사용: https://ios-developme..

CustomPopup 구현 아이디어 팝업을 띄울 때, MyPopupViewController를 modal로 present하여, 팝업 주의를 탭해도 이벤트를 받지 않도록 설정 MyPopupViewController에는 커스텀 팝업 UI인 MyPopupView를 가지고 있으며, 이 view의 layout은 화면에 꽉 차게끔 auto layout 사용 MyPopupView에서는 poupView라는 UIView를 넣고, 이 뷰의 layout은 left, right, centerT값만 정하여 높이값은 내부 뷰들 (label, button)들의 intrinsic content size에 맞게 알아서 높이가 정해지도록 구현 구현에서 코드로 편리하게 UI를 구현하기 위해 사용한 프레임워크) pod 'SnapKit' p..

SliderCollectionView Grid모양의 CollectionView에서 해당 셀을 선택하면, 해당하는 셀에 대한 정보를 두 번째 ViewController에 넘기고, SliderCollectionView로 정보를 표출 편리함을 위해서 사용한 프레임워크 사용방법 참고 RxDataSources 개념 Reusable 개념 SliderCollectionView 구현 핵심 화면: ImageViewController(Grid형태의 CollectionView) -> DetailViewController(Slider형태의 CollectionView) 첫 번째 Grid 형태의 CollectionView가 있는 ImageViewController에서 Cell을 탭하면 해당하는 Cell의 정보를 두 번째 View..