SwiftUI에서 T의 숨기기 및 표시 애니메이션
키란 자스 바니
을 탭하면 페이드 애니메이션 및 지연으로 즐겨 찾기 를 Toggle Text숨기거나 표시해야합니다 . 또는 화면에 텍스트가 표시되는 동안 애니메이션을 좀주세요. 몇 가지 애니메이션 방법을 시도했지만 지금까지 작동하지 않습니다 . 다음은 코드입니다. Text
struct ContentView: View {
@State var showText: Bool
var body: some View {
VStack() {
Spacer()
Image(systemName: "star.fill")
if self.showText {
// Changing selection value.
Text("Favorites")
.font(.custom("Helvetica Neue", size: 20))
.animation(Animation.easeOut(duration: 2.0).delay(0.5))
}
Spacer()
.frame(height: 50)
Button(action: {
self.showText.toggle()
}) {
Text("Toggle Text")
}
Spacer()
}
.padding(5)
.font(.custom("Helvetica Neue", size: 14))
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView(showText: false)
}
}
그의 성질
가능한 접근 방식은 다음과 같습니다 (Xcode 11.2 / iOS 13.2에서 테스트 및 작동)
참고 : 미리보기는 전환을 처리 할 때 좋지 않으므로 시뮬레이터 또는 실제 장치로 테스트하십시오.
struct ContentView: View {
@State var showText: Bool = false
var body: some View {
VStack() {
Spacer()
Image(systemName: "star.fill")
if self.showText {
// Changing selection value.
Text("Favorites")
.font(.custom("Helvetica Neue", size: 20))
.transition(.opacity) // << transition works in add/remove view
}
Spacer()
.frame(height: 50)
Button(action: {
withAnimation(Animation.easeOut(duration: 2.0).delay(0.5)) {
self.showText.toggle() // << transition requires explicit animation
}
}) {
Text("Toggle Text")
}
Spacer()
}
.padding(5)
.font(.custom("Helvetica Neue", size: 14))
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
SwiftUI에서 탭시 슬라이드 업 및 숨기기로보기 애니메이션
- 2
애니메이션 표시 및 숨기기 무작위
- 3
Objective-C에서 동일한 애니메이션으로 UIView 표시 및 숨기기?
- 4
ngShow에서 애니메이션 숨기기 / 표시
- 5
SwiftUI의 탭 제스처에서 NavigationBar 및 탭 바 표시 / 숨기기?
- 6
Swift-애니메이션에서 내비게이션 바 표시 숨기기
- 7
Swift-애니메이션에서 내비게이션 바 표시 숨기기
- 8
버튼을 누를 때 애니메이션 이미지 표시 및 숨기기
- 9
AngularJS : 고정 위치 요소에서 표시 / 숨기기 애니메이션
- 10
표에서 행 숨기기 및 표시
- 11
jquery 동일한 행의 표시 / 숨기기 버튼이 예쁘게 표시되지 않음-애니메이션 중에 절반 높이가 발생합니까?
- 12
toolStripButton에 '표시'및 '숨기기'에 대한 정의가 없습니까? (씨#)
- 13
JQuery에서 ul 내의 특정 요소 숨기기 및 표시
- 14
AngularJS에서 값이 true 일 때 버튼 표시 및 숨기기
- 15
onclick react.js에서 데이터 표시 및 숨기기
- 16
애니메이션보기 및 애니메이션 후 계속 표시
- 17
angularjs에서 숨기기 및 표시
- 18
이미지의 숨기기 및 표시 버튼이 Android에서 무작위로 작동하지 않습니다.
- 19
테두리를 포함한 표 애니메이션 및 숨기기
- 20
Dymola의 애니메이션보기에 그림이 표시되지 않음
- 21
jQuery 테이블 td의 요소 표시 및 숨기기
- 22
MouseDown의 WPF 애니메이션 및 MouseUp에서 다시 변경
- 23
div의 숨기기 및 표시
- 24
옵션 숨기기 및 표시 선택
- 25
HTML 섹션 표시 및 숨기기
- 26
슬라이더 값에 따라 요소 표시 및 숨기기
- 27
HTML 테이블의 PHP 스크립트에서 JavaScript로 콘텐츠 표시 및 숨기기
- 28
라인 임계 값 위의 테이블 열에서 항목 숨기기 및 표시
- 29
jQuery의 동일한 div에서 마우스 오버시 숨기기 및 표시?
몇 마디 만하겠습니다