SwiftUI

안녕하세요. 린다입니다. 오늘은 2번째 글에 이어서 제가 offset과 position을 처음 접할 때 헷갈렸던 부분을 정리한것을 작성해보려고 합니다. 바로 대체 (0, 0)의 기준은 어디이며, 어떻게 위치되는 것이지? 가 항상 헷갈렸는데요.. 이를 올바르게 이해하기 위해서는 (https://sy-catbutler.tistory.com/67) (https://sy-catbutler.tistory.com/68) 를 먼저 보고오시는 걸 추천드립니다. 1. Offset - 뷰를 오프셋 매개변수에 지정된 수평 및 수직 양으로 계산한다.(배치한다) offset의 위치가 200, 200인데 어디를 기준으로 200, 200이고 position과는 왜 다를까? 이유를 알기 위해서는 레이아웃 프로세스를 알아야함! 지금 ..

안녕하세요. 린다입니다. 저번 WWDC 영상을 보면서 혼자 이것저것 레이아웃 프로세스에 대해서 공부했던? 확인했던..? 예제들을 정리해보려고 합니다. SwiftUI의 레이아웃 프로세스에 관한 글을 안 읽어보셨다면 (https://sy-catbutler.tistory.com/67) 읽고오시는걸 추천드립니다 !! 그리고 추가적으로 해당 글에서는 offset과 position에 대해서도 다뤄보려고 해요. 두개의 차이점이 무엇인지도 정리해보려고 합니다. 1. offset 공식문서에 있는 Offset의 설명을 보면 Offset this view by the horizontal and vertical amount specified in the offset parameter. 이 보기를 오프셋 매개변수에 지정된 수평..

안녕하세요. 린다입니다. 요즘 Animation을 공부하면서 WWDC를 잘 활용하고 있는데요. DragGesture에서 Position, Alignment까지 보고 있습니다.. 정말 기초적인 정보가 잘 담겨져 있는 영상인것 같아서 가볍게 정리한 내용인데 블로깅하려고 가져왔어요! Building Custom Views with SwiftUI - WWDC19 - Videos - Apple Developer Building Custom Views with SwiftUI - WWDC19 - Videos - Apple Developer Learn how to build custom views and controls in SwiftUI with advanced composition, layout, graphics,..

안녕하세요. 린다입니다. SwiftUI에는 TextEditor에 배경색을 넣거나 다양한 UI로써 보이도록 하고 싶다면, 커스텀을 해야하는데요. 이번 SYM을 배포하면서 구현했던 TextEditor를 공유해보려고 합니다. 저희의 TextEditor 조건은 2가지였어요. 1. 글자수 200 미만만 입력 가능한 TextEditor 2. Placeholder가 있는 TextEditor 코드 공유 struct CustomTextEditorStyle: ViewModifier { let placeholder: String @Binding var text: String func body(content: Content) -> some View { content .padding(15) .background(alignmen..

안녕하세요. 린다입니다. 최근 프로젝트를 진행하면서 애플 로그인을 구현했어요. 이번에는 커스텀으로 구현을 해야했습니다. 그치만 애플이 제공해주는 로그인 버튼은 이렇게 생겼잖아요 ... ? 사실 매일 기본적으로 제공해주는 저 버튼 디자인만 써버릇해서.. 어떻게 하면 쉽고 빠르게 디자인만 변경할 수 있을까를 고민하다가.. blendMode(_:) 라는 modifier를 발견했습니다.. https://developer.apple.com/documentation/swiftui/view/blendmode(_:) blendMode(_:) | Apple Developer Documentation Sets the blend mode for compositing this view with overlapping views..

저번에 썼던 글을 좀 더 업그레이드 해서 가져와봤어요! 최대한 UIKit과 비슷하게 만들어볼려구 했습니다. https://sy-catbutler.tistory.com/18 [SwiftUI] TextField, Button, Toggle을 사용하여 SwiftUI로 간단한 로그인 화면 구현해보기 iOS 스터디가 있는데 매주 공부한 내용을 한번에 사용할 수 있는 화면을 구현해보고 있거든용 이번주 월요일은 로그인 화면을 구현하는 것을 목표로 잡고 스터디를 하기로 했어요. 왜냐? SwiftUI sy-catbutler.tistory.com 추가한 항목은 - Alert창 추가 - next 누르면 다음 TextField로 이동 - TextField 외에 뷰의 다른 부분 터치 시 자동을 키보드 내리기 - 앱 실행시 아..