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

* 전체 소스 코드는 튜토리얼에 있는 프로젝트 참고 TabView TabView와 .tabItem 속성을 이용하여 구현 먼저 Tab의 케이스를 정의하고, 이 케이스를 상태로 갖고있는 프로퍼티도 선언 import SwiftUI struct ExampleView: View { @State private var selection = Tab.home enum Tab { case home case setting } } body를 선언하여 내부에서 TabView(selection:)으로 selection 상태를 정의하고 클로저 내부에서 TabView안에 들어갈 뷰들을 구현 var body: some View { TabView(selection: $selection) { // 여기서 뷰 구현 } } 첫 번째 뷰 - ..

구현 아이디어 상단에는 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..

원리 ScrollView의 frame은 UIScreen.main.bounds와 같게한 후 contentSize를 pageControl의 갯수만큼 * UIScreen.main.bounds.width 배치: scrollView를 먼저 추가 -> scrollView의 크기를 잠시 축소 -> PageControl추가 -> srollView 크기 증가 현재 화면에서 scroll이 50%이상 되면 스크롤 진행: ScrollView의 delegate를 이용하여 계산후 pageControl의 currentPage갱신 Storyboard에서 ScrollView와 PageControl배치 ScrollView 추가 축소 및 pageControl추가 ScrollView 다시 크기 증가 (frame, content size는 ..

UIScrollView 구현 원리 UIScrollView는 swift에서 내부적으로 Frame layout guide와 content layout guide가 존재 content view를 UIScrollView안에 넣고 위 두 layout guide를 설정하면 구현 완료 구현 흐름 1) frame 1-1) super view와 frame layout guide 설정 2) content 2-1) content 뷰 생성 2-2) content 뷰와 content layout guide (space 설정 후 모두 0으로 해주어야 하는 것 주의) 2-3) content 뷰와 frame layout guide의 width를 1:1로 3) 내부 component 추가 3-1) content 뷰 안에 들어갈 내용 ..

sc특정 textField를 탭한 경우, 특정 위치로 scroll시키는 로직 ScrollView만들기 여기 참고 방향 정의 public enum ScrollDirection { case top case center case bottom } extension으로 scroll이동 구현 public extension UIScrollView { func scroll(to direction: ScrollDirection) { DispatchQueue.main.async { switch direction { case .top: self.scrollToTop() case .center: self.scrollToCenter() case .bottom: self.scrollToBottom() } } } private f..