SwiftUI如何实现元素旋转与缩放动画效果?

2026-05-20 21:441阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计117个文字,预计阅读时间需要1分钟。

SwiftUI如何实现元素旋转与缩放动画效果?

swift// ContentView.swift// learn_swiftUi// Created by liuan on 2020/5/14// Copyright © 2020 liuan. All rights reserved.

import SwiftUI

struct ContentView: View { @State private var showDetail=false

var body: some View { Button(But) { showDetail.toggle() } }}

code

// // ContentView.swift // learn_swiftUi // // Created by liuan on 2020/5/14. // Copyright © 2020 liuan. All rights reserved. // import SwiftUI struct ContentView: View { @State private var showDetail = false var body: some View { Button(action: { withAnimation{ self.showDetail = !self.showDetail } }) { Image(systemName:"chevron.right.circle") .imageScale(.large) .rotationEffect(.degrees(self.showDetail ? 90 : 0)) .scaleEffect(showDetail ? 1.5:1) .padding() }} } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }

SwiftUI如何实现元素旋转与缩放动画效果?

本文共计117个文字,预计阅读时间需要1分钟。

SwiftUI如何实现元素旋转与缩放动画效果?

swift// ContentView.swift// learn_swiftUi// Created by liuan on 2020/5/14// Copyright © 2020 liuan. All rights reserved.

import SwiftUI

struct ContentView: View { @State private var showDetail=false

var body: some View { Button(But) { showDetail.toggle() } }}

code

// // ContentView.swift // learn_swiftUi // // Created by liuan on 2020/5/14. // Copyright © 2020 liuan. All rights reserved. // import SwiftUI struct ContentView: View { @State private var showDetail = false var body: some View { Button(action: { withAnimation{ self.showDetail = !self.showDetail } }) { Image(systemName:"chevron.right.circle") .imageScale(.large) .rotationEffect(.degrees(self.showDetail ? 90 : 0)) .scaleEffect(showDetail ? 1.5:1) .padding() }} } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }

SwiftUI如何实现元素旋转与缩放动画效果?