iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 어떠한 학습 정보 전달보다는 그냥 삽질을 하는 과정과 그걸 기록해보는 포스팅입니다 🙋🏻 SwiftUI의 스크롤 뷰의 임계값 삽질하기우선, 아래 코드를 봐볼까요? import SwiftUIstruct ContentView: View { var body: some View { ScrollView { VStack(spacing: 50) { Rectangle() .fill(.red) .frame(height: 100) Rectangle() .fill(.green) .frame(height: 100) Rectangle()..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 refreshable 기능을 가진 ScrollView를 만들어보려고 합니다 🙋🏻 사실, 이전 SwiftUI에서 refreshable이라는 뷰 모디파이어가 존재합니다. 관련해서 포스팅은 아래에서 정리해봤어요!  SwiftUI - refreshable안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI의 List에서 사용 가능한 refreshable이라는 새로 고침 기능에 대해 알아보겠습니다🙌 우선 해당 기능은 iOS 15 부터 사용이 가능해요! 참고로 WWDCgreen1229.tistory.com 요약하자면, 사실 아주 유용한 모디파이어에요.스크롤 환경에서 최상단에서 아래로 드래그 했을 시 새로고침 되는 기능을 아주 손쉽게 구현해줬으니까요..!! 그런..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 스크롤 뷰 내 컨텐츠 속도를 상이하게 제어하는 방법에 대해 구현해보겠습니다 🙋🏻 먼저, 이와 관련하여 이전에 아래 포스팅에서 ScrollOffset을 감지하여 컨텐츠 별 상이한 스크롤 속도를 가지는것처럼 보이도록 offset을 조정하는 방법에 대해 알아본적이 있어요! SwiftUI에서 ScrollOffset을 감지하는 ScrollView 구현하기안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI로 커스텀한 ScrollOffset 값을 감지하여 사용하는 ScrollView 구현을 해보겠습니다 🙋🏻 우선 SwiftUI에서 기본적인 ScrollView 컴포넌트만으로는 스green1229.tistory.com 이번 포스팅은 해당 이전..

안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI로 커스텀한 ScrollOffset 값을 감지하여 사용하는 ScrollView 구현을 해보겠습니다 🙋🏻 우선 SwiftUI에서 기본적인 ScrollView 컴포넌트만으로는 스크롤 된 수치인 ScrollOffset을 감지할 수가 없습니다. 이에 background로 GeometryReader를 활용해서 커스텀하게 구현해줘야해요. 그래서 이번 포스팅에서 커스텀한 scrollOffset을 감지하는 OffsetObservableScrollView를 만들어 보겠습니다! OffsetObservableScrollView 우선, 구현부터 살펴보시죠! struct OffsetObservableScrollView: View { var axes: Axis.Set = ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 View의 Size를 측정하는 코드를 공유해볼까합니다 🙋🏻 어떨때 View Size 값이 필요할까요?우선, SwiftUI로 구현을 하다보면 원하는 해당 영역의 뷰 사이즈를 가지고 어떠한 작업을 해줘야하는 경우가 발생합니다. 예를들어, VStack으로 하위 뷰들이 쌓일때 헤더 영역에 여러 뷰들을 조합하여 넣고 이에 대한 헤더 영역의 뷰 높이를 가지고 어떠한 작업을 해줄때가 종종 발생합니다. 버튼 탭 등 인터랙션이 발생했을때 offset을 최상단으로 이동시키는것이 아닌 헤더 영역 이후부터 노출시키고 싶다면 이 헤더 영역의 height를 구해 y offset을 변경해줘야 할 수 있죠. 물론 이럴 경우 헤더 영역에 담긴 하위 뷰들의 프레임이 고정..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI의 API를 사용해 스크롤 뷰를 더 잘 활용하는 방법을 보겠습니다🙋🏻 특히 이전과는 방식으로 다른 스크롤 뷰를 커스텀하게 정의하는걸 보려해요. 우리가 처리하는 많은 컨텐츠는 고정된 화면에 다 담을 수 없어 스크롤링을 많이 이용합니다. 이를 통해 화면에 많은것을 담을 수 있죠. SwiftUI는 스크롤을 앱에 통합할 수 있는 몇가지 다른 컴포넌트들을 제공합니다🙃 이번 포스팅에서는 그 중 하나인 ScrollView를 보겠습니다! ScrollView에 대한 간략 정리 스크롤 뷰는 컨텐츠를 스크롤할 수 있는 building block입니다. 스크롤 뷰는 스크롤 방향을 설정하고 내부 컨텐츠를 담아주죠. 해당 컨텐츠가 스크롤 뷰의 크기를 초과하면 해당 컨텐츠 중..