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

stackView를 이용하여 self-resizing-cell 구현 방법 cell을 선택하면 stackView에 있는 star imageView를 hidden = false하여 생성되게끔 설정 override func setSelected(_ selected: Bool, animated: Bool) { super.setSelected(selected, animated: animated) updateSelectedCell(selected) } private func updateSelectedCell(_ selected: Bool) { imageContainerView.isHidden = !selected } tableView의 delegate 설정 주의: tableView(_:heightForRowAt:)..

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..

구현 아이디어 상단에는 CollectionView를 통해 수평 스크롤뷰 생성 아래에는 PageViewController를 통해 다수의 ViewController 존재 두 인터렉션을 연결하여 하나의 ViewPager를 사용하는 경험을 주는 UI 사용되는 Component 참고 * PageViewController 참고: https://ios-development.tistory.com/623 [iOS - swift] PageViewController (페이지 뷰 컨트롤러) PageViewController 구현 원리 ViewController가 들어있는 배열을 준비 첫번째 ViewController를 PageViewController에 set 초기화 나머지 ViewController 전환은 DataSourc..

cf) collectionView를 이용한 수평 스크롤 뷰: https://ios-development.tistory.com/632 [iOS - swift] CollectionView(컬렉션 뷰) - 수평 스크롤 뷰 (UICollectionViewFlowLayout) 1. custom layout이 아닌 UICollectionViewFlowLayout 사용한 방법 2. UICollectionViewFlowLayout을 이용한 CarouselView (수평 스크롤 뷰) 3. custom layout을 이용한 UICollectionView CollectionView에 사용.. ios-development.tistory.com 구성 ScrollView 안에 StackView 추가 StackView안에 Butt..

StackView에서 사용할 것 distribution은 axis 방향 alignment는 axis 반대 방향 속성 axis alignment distribution 내부 뷰들의 auto layout 설정 StackView 속성 stackView.axis = .horizontal (default) horizontal vertical stackView.alignment = .fill (default) fill: 내부 view들을 stackView.axis의 반대 방향으로 stretch stackView.distribution = .fill (default) fill: 스택뷰 방향쪽으로 남은 공간에 stretch되는 형태 Fill Proportionally: 내부 view들이 intrinsic content..

상황 내부 크기가 동적으로 증가하는 경우 (label.text와 같은 경우), superView의 width를 동적으로 증가하여 내부 레이아웃을 유지할 수 있는 방법 값에 따라 크기가 동적으로 늘어나는 - 예시) UILabel let temporaryLabel = UILabel() temporaryLabel.font = UIFont.systemFont(ofSize: 12) temporaryLabel.text = "sampleDataString" print(temporaryLabel.intrinsicContentSize) // (101.0, 14.5) temporaryLabel.text = "sampleDataLongString ---- long ----" print(temporaryLabel.intrin..

spacing 설정 방법 균등한 경우 - storyboard에서 설정 "스택뷰 안 데이터1"과 "스택뷰 안 데이터2"사이의 간격을 30으로 하고 싶은 경우 -> stackView.setCustomSpacing(_:after) 함수 사용 @IBoutlet 준비: 스택뷰와 데이터1 space 설정 func setupView() { stackView.setCustomSpacing(30, after: lbl1) } 결과화면 데이터1과 데이터2 사이 간격이 30인 것 확인