SwiftUI
-
SwiftUI - transformEnvironmentSwiftUI 2024. 5. 9. 19:00
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 transformEnvironment에 대해 학습해보겠습니다 🙋🏻 우선 저는 사실 이 개념에 대해 사용해본적이 없어서 몰랐었긴해요!그런데, WWDC를 통해 SwiftUI의 기초 영상부터 스터디 도중 아래와 같이 처음보는 메서드가 보였습니다! transformEnvironment? 이게 뭐지..?해당 WWDC 영상은 2021년에 공개된 "Demystify SwiftUI"라는 영상으로 후반부에 구조적인 식별자에 대해 설명하며 나옵니다. 느낌상 전역적인 환경변수인 Environment 같은거인거 같은데 처음 접했기에 한번 이렇게 학습하며 기록해보게 되었어요 😃 인트로가 너무 길었는데, 그럼 바로 알아보시죠 🏃🏻 transformEnviro..
-
SwiftUI에서 스크롤 뷰 내 컨텐츠 속도 제어하기SwiftUI 2024. 5. 2. 18:27
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 스크롤 뷰 내 컨텐츠 속도를 상이하게 제어하는 방법에 대해 구현해보겠습니다 🙋🏻 먼저, 이와 관련하여 이전에 아래 포스팅에서 ScrollOffset을 감지하여 컨텐츠 별 상이한 스크롤 속도를 가지는것처럼 보이도록 offset을 조정하는 방법에 대해 알아본적이 있어요! SwiftUI에서 ScrollOffset을 감지하는 ScrollView 구현하기안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI로 커스텀한 ScrollOffset 값을 감지하여 사용하는 ScrollView 구현을 해보겠습니다 🙋🏻 우선 SwiftUI에서 기본적인 ScrollView 컴포넌트만으로는 스green1229.tistory.com 이번 포스팅은 해당 이전..
-
SwiftUI onDrag & onDropSwiftUI 2024. 4. 29. 18:48
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 onDrag와 onDrop 메서드 사용에 대해 알아봅니다 🙋🏻 이전 포스팅에서 SwiftUI의 드래그 앤 드롭을 구현하기 위해서 draggable과 dropDestination에 대해 알아보고 적용해봤어요!그런데, iOS 16 이상에서 사용 가능한 한계점도 있었어요. SwiftUI에서 Drag & Drop 적용하기안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI로 Drag & Drop을 구현해보겠습니다 🙋🏻 우선, SwiftUI에서 draggable과 dropDestination이라는 메서드가 존재해요.이걸 알아보고 활용해보려 합니다!green1229.tistory.com 그래서 이번에는 비교적 사용할 수 있는 OS 버전도 더..
-
SwiftUI에서 Drag & Drop 적용하기SwiftUI 2024. 4. 25. 18:51
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI로 Drag & Drop을 구현해보겠습니다 🙋🏻 우선, SwiftUI에서 draggable과 dropDestination이라는 메서드가 존재해요.이걸 알아보고 활용해보려 합니다! 그럼 바로 슛~ 🔫draggableiOS 16에서 부터 나온 이 메서드는 뷰를 드래그 앤 드롭 가능한 소스로 활성화 시켜줍니다. func draggable(_ payload: @autoclosure @escaping () -> T) -> some View where T : Transferable 정의는 이러하며, payload라는 파라미터가 존재합니다.이 파라미터는 단일 인스턴스 혹은 이 뷰에 드래그 가능한 데이터를 나타내는 Transferable한 값을 반환하는 클..
-
SwiftUI - PasteButtonSwiftUI 2024. 4. 22. 18:34
안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI의 PasteButton에 대해 학습해보겠습니다 🙋🏻 우리가 맥북에서든 아이폰에서든 텍스트를 복사하고 붙여넣는 기능은 아주 흔하게 사용하고 있는 기능입니다. 그런데 우리가 만든 앱에 어떠한 텍스트를 붙여넣기 할 때 간혹 붙여넣는 권한에 대해 여부를 묻는 창을 본적이 있을거에요. 이는 빠르게 복사해야하는 상황에서 종종 귀찮음을 유발하기도 하고, 또한 팝오버 시트를 띄워 붙여넣기 버튼을 선택해야 하는것에 있어 가끔은 또 한뎁스의 동작이 더 발생하니 귀찮기도 하죠! 그런데 SwiftUI의 PasteButton을 활용하면 조금 더 편리하게 붙여넣기 기능을 사용할 수 있어요 😃 사실, 엄청나게 유용하게 쓰일것 같다고는 생각하지 않지만 이런 기능도 있다는걸 ..
-
SwiftUI에서 ScrollOffset을 감지하는 ScrollView 구현하기SwiftUI 2024. 4. 9. 18:01
안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI로 커스텀한 ScrollOffset 값을 감지하여 사용하는 ScrollView 구현을 해보겠습니다 🙋🏻 우선 SwiftUI에서 기본적인 ScrollView 컴포넌트만으로는 스크롤 된 수치인 ScrollOffset을 감지할 수가 없습니다. 이에 background로 GeometryReader를 활용해서 커스텀하게 구현해줘야해요. 그래서 이번 포스팅에서 커스텀한 scrollOffset을 감지하는 OffsetObservableScrollView를 만들어 보겠습니다! OffsetObservableScrollView 우선, 구현부터 살펴보시죠! struct OffsetObservableScrollView: View { var axes: Axis.Set = ..
-
SwiftUI - ShareLinkSwiftUI 2024. 4. 5. 18:56
안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI의 ShareLink에 대해 알아보겠습니다 🙋🏻 사실 예전 포스팅에서 SwiftUI에서 공유 시트를 위한 ActivityView를 사용하는것을 학습한적이 있습니다. ActivityView in SwiftUI 안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI에서 ActivityView(액티비티 뷰)를 띄우는것에 대해 학습해보겠습니다💁🏻 SwiftUI를 통해 구현을 하다 어떻게 하면 요런 데이터를 공유할 수 있 green1229.tistory.com 이번에 할것도 저 ActivityView를 띄우는것인데요. 차이는, 이전 저 포스팅에서는 SwiftUI에서 직접적으로 지원하지 않아서, UIKit의 ActivityViewController를 사용하..
-
SwiftUI - blendModeSwiftUI 2024. 4. 1. 19:03
안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI의 blendMode라는 뷰 모디파이어를 알아보겠습니다 🙋🏻 바로 이전 포스팅인 compositingGroup에 대해 다룰때 슬쩍 blendMode를 통해 겹쳐지는 컴포넌트들의 시각 효과를 다룰 수 있다고 언급했습니다. 그렇기에 이번 포스팅에서 이 blendMode가 무엇인지 어떻게 사용되는지 알아보시죠! blendMode? 혼합 모드라고 직역이 되며 어떠한 뷰를 겹치는 뷰와 합성하기 위한 모드 방식을 설정하는것입니다. 즉, 겹쳐지는 뷰에 대해 시각적 효과를 제어하는것이죠. iOS 13 이상이니 SwiftUI를 사용하는 미니멈 타겟 환경이라면 모두 이 뷰 모디파이어를 사용할 수 있습니다. func blendMode(_ blendMode: Blend..