[SwiftUI] 애플스토어 앱 클론코딩(스크롤)
·
SwiftUI/개발
애플스토어 스크롤 피그마로 받은 UI 디자인 개발 부분 Scroll 길이 계산 (애플스토어 앱 참고) UIScreen.main.bounds.height 사용 (GeometryReader도 가능) PreferenceKey 프로토콜 사용 기능 : SwiftUI의 레이아웃 시스템에서 뷰의 크기, 위치 또는 다른 사용자 정의 정보와 같은 데이터를 수집하고 공유하기 위해 사용 디바이스의 높이를 측정 enum, switch 사용하여 색상마다 View를 다르게 그려줌 Scroll Animation .onPreferenceChange(OffsetPreferenceKey.self) { value in currentHeight = value print("currentHeight: \\(value)") // 현재 디바이스 ..
[SwiftUI]Tab Animation
·
SwiftUI/개발
안녕하세요 bulmang입니다!! 😄 오늘은 아카데미에 가기전에 다시 Swift 개발 공부를 어느정도 해야 될 것 같아서 인강을 듣고 공부하여 블로그에 정리를 하려고 합니다. 앱 설명 SwiftUI로 개발한 코드이며 Tab Animation에 대한 앱입니다. 앱 기능 선형 보간 공식을 이용하여 두 지점 사이의 값을 추정할 때 그 값을 두 지점과의 직선 거리에 따라 선형적으로 결정하는 방법이다. 이미지를 넘길때 Rectangle을 사용하여 indicator 넓이와 위치를 정하여 움직여준다. 문법 TabView: 탭을 구성하고 각 탭에 대한 콘텐츠를 추가 할 수 있음 GeometryReader: 화면에 보여지는 뷰(View)의 크기 및 위치 정보를 제공하는 뷰 자식 뷰에 대한 레이아웃 정보를 제공하므로, 자..
[SwiftUi] 360도 회전 애니메이션
·
SwiftUI/개발
GitHub - bulmang/360Animations: first first. Contribute to bulmang/360Animations development by creating an account on GitHub. github.com 문법 RoundedRectangle : 둥근 모서리 직사각형 Bool = true or false 참과 거짓을 사용할때 isAnimating ‘?’ → 참 ‘:’ →거짓 animation( , value:) : 애니메이션화를 자동으로 사용하게 해줌. rotationEffect : 회전효과 Angle : 각도 import SwiftUI struct ContentView: View { @State var isAnimating: Bool = false var body..
SwiftUI - Animation (Add to Bag)
·
SwiftUI/개발
이번에는 나이키어플 중 신발을 선택하여 장바구니에 추가되는 모습을 따라해봤습니다. \