SwiftUI에서 색상을 애니메이션하는 방법
개요
SwiftUI에서 화면 표시 후 색상이 변경되고 싶었기 때문에 그 방법을 설명합니다.
【데모】
방법
@State 에서 color를 모니터링할 수 있도록 합니다.
화면을 표시 할 때 onAppear가 호출되므로,withAnimation 를 사용하여 color 속성을 지정한 초 수에 걸쳐 변경합니다.
import SwiftUI
struct ContentView: View {
@State private var color: Color = .blue
var body: some View {
Rectangle()
.onAppear(perform: {
// 画面が表示されたら3秒かけて赤色に変化させる
withAnimation(.easeInOut(duration: 3), {
color = .red
})
})
.foregroundColor(color)
.ignoresSafeArea()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
버튼을 누르면 애니메이션으로 색을 변화시키고 싶다든가라면, onChange 로 검지하면 할 수 있을 것 같네요!
Reference
이 문제에 관하여(SwiftUI에서 색상을 애니메이션하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kimukazu/items/d78e7bbd4416ac254672
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
@State 에서 color를 모니터링할 수 있도록 합니다.화면을 표시 할 때
onAppear가 호출되므로,withAnimation 를 사용하여 color 속성을 지정한 초 수에 걸쳐 변경합니다.import SwiftUI
struct ContentView: View {
@State private var color: Color = .blue
var body: some View {
Rectangle()
.onAppear(perform: {
// 画面が表示されたら3秒かけて赤色に変化させる
withAnimation(.easeInOut(duration: 3), {
color = .red
})
})
.foregroundColor(color)
.ignoresSafeArea()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
버튼을 누르면 애니메이션으로 색을 변화시키고 싶다든가라면,
onChange 로 검지하면 할 수 있을 것 같네요!
Reference
이 문제에 관하여(SwiftUI에서 색상을 애니메이션하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kimukazu/items/d78e7bbd4416ac254672텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
