기어가더라도 제대로

2022.11.21 - [SwiftUI - 기초] - [SwiftUI-기초] Shape 를 애니메이션 주기 - animatableData 위의 글에선 프로퍼티 하나의 변화를 감지해서 애니메이션을 그렸다면 이번 포스팅에선 두개 ~ 여러개의 애니메이션을 추적해보겠음 보드판의 행과 열이 추가되면 애니메이션이 어떻게 변화하는지를 감지할 것임 행과 열이라는 단어에서 프로퍼티 2개를 추적한다는 것을 알 수 있음 struct Checkerboard: Shape { var rows: Int var columns: Int func path(in rect: CGRect) -> Path { var path = Path() let rowSize = rect.height / Double(rows) let columnSize =..

animation도 background, padding, 과 마찬가지로 some View 를 반환한다. 여기서 도출되는 결론이 두가지 있다. 애니메이션을 적용하는 순서가 중요하다. 여러개의 애니메이션을 중첩해서 사용할 수 있다. 위의 두 가지 결론을 쫒아가보는 포스팅이 될 것이다. View 적인 특성에 대해서 알고 싶으시다면 다음 포스팅을 참조하시라. 2022.10.14 - [Swift - 기초] - [SwiftUI-기초] Modifier 적용 순서가 중요한 이유 애니메이션의 적용 순서가 중요한 이유 결론부터 말하자면, .animation() modifier 앞에 적용된 modifier들만 애니메이션 처리가 된다. .animation 뒤로 적용된 modifier의 경우에는 애니메이션 처리가 되지 않는다...

withAnimation { } 도 물론 있지만, 숨겨져 있는 Animation modifier 들을 알아보자. Button에 붙이는 애니메이션 빨간색 원을 만들고 버튼을 누를 때마다 크기가 늘어나도록 설정을 해봄 . scaleEffect() : 이 모디파이어를 사용해서 버튼의 크기를 조절할 것임 struct ContentView: View { @State private var animationAmount = 1.0 var body: some View { Button("Tap Me") { animationAmount += 1 } .padding(50) .background(.red) .foregroundColor(.white) .clipShape(Circle()) .scaleEffect(animation..