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

1. FlexLayout과 PinLayout 사용 방법 - UIStackView 개선, 속도 향상, 기능 추가, 선언형 2. FlexLayout과 PinLayout 사용 방법 - 여백(margin, padding), 정렬(alignItems, justifyContent) 3. FlexLayout과 PinLayout 사용 방법 - 특정 뷰(Cell, scrollView), 기타(grow, shrink) 예제로 잘성될 코드 준비 import UIKit import FlexLayout import PinLayout class ViewController: UIViewController { private let container = UIView() private let label1: UILabel = { let ..

* 예제에 사용된 UIScrollView+UIStackView 사용한 베이스 코드는 이전 포스팅 글(UIScrollView+UIStackView 구현) 참고 (only code: https://github.com/JK0369/ExScrollView_UIStackView) 예제에 앞서, UIScrollView의 background 색상을 blue, UIStackView를 green로 설정 ContentInset 스크롤 가장자리로 부터 contentView와의 거리 값 핵심은 inset을 주면 그만큼 UIScrollView의 content 크기도 증가 만약 contentInset값을 top 120을 주게된다면? 120만큼 content의 top으로부터 edge까지 거리가 부여되며, 이 거리만큼 content..

padding 주는 방법 보통 stackView에 label을 넣을때 UIView를 넣고 그 안에 다시 Label을 넣어서 layout을 조절할 수 있지만, UILabel에 따로 padding값을 주어서 사용 가능 Padding 주는 방법 - drawText(in:)에서 padding값 설정 drawText(in:) 메소드 활용: label의 text값이 그려질때 rect에 관한 값을 수정하고 싶을때 해당 메소드를 override하여 사용 사용 방법은 super.drawText(in:)에 변경된 rect값을 인수로 주어 반영 super를 사용 class BasePaddingLabel: UILabel { private var padding = UIEdgeInsets(top: 16.0, left: 16.0,..

CustomView를 만들 때 UIStackView를 사용하면 좋은점 StackView가 기본적으로 가지고 있는 align 속성 사용 가능 (가운데 정렬도 alignment = .center로 쉽게 레이아웃 설정) 스택뷰에 `addArrangedSubview()`를 통해 view들을 넣어놓고 view들을 hidden시켜도, 자동으로 정렬되기 때문에 stack안에 들어가있는 view들의 레이아웃을 신경쓰지 않아도 되는 장점이 존재 UIStackView를 상속받아서 구현할때 알아야 하는 점 StackView의 속성들의 값을 모두 기억 stackView.spacing = 0 stackView.axis = .horizontal stackView.alignment = .fill (.leading, .trailin..