본문 바로가기

728x90

🍎 iOS/SwiftUI4

[SwiftUI] GeometryReader란? (feat. GeometryProxy,CoordinateSpace) 안녕하세요 Foma 💻 입니다! 오늘은 SwitUI를 이용해서 Layout을 잡을 때 아주 유용하게 사용되는 GeometryReader에 대해서 알아보려고 합니다. 바로 시작할게요~ GeometryReader란? 이름을 직역하면 Geometry는 기하학을 나타내니깐, 기하학적인 무언가를 읽는 것이라고 해석할 수 있는데요. 공식 문서에도 이름을 직역한 것과 비슷하게 "컨텐츠의 크기와 위치를 함수로 나타내는 컨테이너 뷰야!" 라고 소개합니다. GeometryReader를 초기화 하는 방법은 아래와 같이 컨텐츠를 만드는데 GeometryProxy를 이용해서 만듭니다. GeometryProxy란? 그렇다면 GeometryProxy는 무엇일까요? 우선 Proxy의 뜻은 무엇인가를 대신 한다는 의미를 나타냅니다. .. 2022. 4. 4.

[SwiftUI] 자연스러운 화면전환 애니메이션 구현하기 (feat. matchedGeometryEffect,Namespace) 안녕하세요 Foma 💻 입니다! 평소에 AppStore를 보면 화면 간 전환할 때 자연스러운 애니메이션이 많이 보았는데, '이건 어떻게 구현했을까' 라는 생각이 많이 들어 글을 정리하게 되었습니다. 바로 시작할게요~ Preview @Namespace 화면 전환 애니메이션을 구현하기 위해선 @Namespace 프로퍼티 래퍼가 필요합니다. @Namespace는 공식 문서엔 아래와 같이 소개합니다. 속성을 포함하는 개체(예: view)의 영구 ID로 정의된 네임스페이스에 대한 액세스를 허용하는 동적 속성 유형입니다. 간단하게 말하면 객체의 정보를 ID와 함께 기억하고 있는 래퍼입니다. 이 ID를 통해서 정보를 다른 뷰와 공유할 수 있으며, 이것을 통해 지오메트리 애니메이션이 가능해 집니다. 선언하는 방식은 아.. 2022. 3. 28.

[SwiftUI] TabView에 대해 알아보기 (feat. UITabBar) 안녕하세요 Foma 💻 입니다! 오늘은 SwiftUI에서 탭뷰를 만드는 방법에 대해서 알아보려고 합니다. (UIKit에선 UITabBar를 뜻합니다.) 바로 시작할게요~ TabView Contents SwiftUI에서 탭뷰를 적용하는 방법은 너무 너무 간단합니다. 아래와 같이 TabView로 감싸고 탭뷰 안에 들어갈 뷰들을 넣으면 됩니다. TabView { View1() View2() View3() ... } TabView Item 하지만 아래와 같이 설정하면 아직 탭뷰가 존재하지 않는 것처럼 보이는데요. TabView { LoginView() HelloView() SettingView() } 이유는 이미 탭뷰가 존재하지만 탭뷰를 나타내는 아이템을 세팅해주지 않았기 때문입니다. 고로 다음과 같이 탭아이템.. 2022. 3. 10.

[SwiftUI] @State란? 안녕하세요 Foma 💻 입니다! 요즘 SwiftUI 공부를 하고 있는데 @State가 많이 쓰이긴 하는데 뭔지 정확히는 모르겠더라구요. 그래서 @State에 대해서 정확히 정리해보려고 합니다! 바로 시작할게요~ @State 란? 애플 공식 문서에는 아래와 같이 설명합니다. 해석해보면 SwiftUI에서 관리하는 값을 읽고 쓸 때 사용하는 것이라고 하네요. 개요를 살펴보면 아래와 같습니다. 1. 상태값이 변경되면 View를 다시 계산하고 업데이트 합니다. 2. 인스턴스 값이 아니라 값을 읽고 쓰는 수단입니다. 3. 주의할 점은 뷰의 바디 안에서 또는 뷰에서 호출한 메소드에서만 접근해야 하므로 뷰의 클라이언트가 접근하지 못하도록private로 선언해야 합니다. 4. 사용할 때는 $와 함께 사용하면 됩니다. 구.. 2021. 11. 7.

이전 1 다음

728x90

티스토리툴바