实战需求

macOS SwiftUI动画教程之淡入淡出组件

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 1、动画淡入淡出 .animation(Animation.easeInOut(duration: 1).delay(0.5))
• 2、隐藏.transition(.opacity)

实战代码

import SwiftUI

struct ContentView: View {
   
    @State var isShown = false
    var body: some View {
        VStack{
            Text("淡入淡出效果")
            Button("启动动画"){
                self.isShown.toggle()
            }
           Divider()
            ZStack {
               
                if isShown {
                    Text("这个是淡入淡出动画")