728x90
문법
- RoundedRectangle : 둥근 모서리 직사각형
- Bool = true or false
- 참과 거짓을 사용할때 isAnimating ‘?’ → 참 ‘:’ →거짓
- animation( , value:) : 애니메이션화를 자동으로 사용하게 해줌.
- rotationEffect : 회전효과
- Angle : 각도
import SwiftUI
struct ContentView: View {
@State var isAnimating: Bool = false
var body: some View {
VStack(spacing: 20) {
RoundedRectangle(cornerRadius: isAnimating ? 50 : 25)
.frame(width: isAnimating ? 300 : 0 , height : isAnimating ? 360 : 0 )
.animation(.spring(), value: isAnimating)
.rotationEffect(Angle(degrees: isAnimating ? 360 : 0))
.foregroundColor(isAnimating ? .orange : .blue)
Button("버튼을 눌러주세요.") {
withAnimation(Animation.default) {
isAnimating.toggle()
}
}
.foregroundColor(.white)
.padding()
.background(.blue)
.cornerRadius(10)
.fontWeight(.bold)
}
.padding()
}
}
728x90
'SwiftUI > 개발' 카테고리의 다른 글
배달의 민족 - 로그인 페이지 (0) | 2023.01.03 |
---|---|
BlogApp (0) | 2023.01.03 |
SwiftUI - ASKMO 앱 만들기 (SplashScreen) (0) | 2022.06.30 |
SplashScreen-DisneyApp 공부 [SwiftUI] (0) | 2022.03.28 |
SwiftUI - Animation (Add to Bag) (0) | 2021.03.16 |