zoukankan      html  css  js  c++  java
  • SwiftUI状态绑定:@State

    code:

    //
    //  ContentView.swift
    //  StateDemo
    //
    //  Created by udc on 2020/10/16.
    //  Copyright © 2020 udc. All rights reserved.
    //
    
    import SwiftUI
    
    struct ContentView: View {
        
        //加了@State注解的变量,视图通过监视和读取该变量来重新渲染UI。
        //其状态是由SwiftUI来存储管理的,作为视图渲染的单一可信来源。
        @State private var changgeState:Bool = false
        @State private var num:Int = 0;
        
        var body: some View {
            //垂直布局
            VStack(alignment: .center, spacing: 5, content:{
                Button(action: {
                    //引用@State的变量时需要加上self的前缀才能正常找到变量
                    self.changgeState.toggle()
                }){
                    Text("点我改变计数显示位置背景")
                }
                //添加一个$前缀,就可以将State转为Binding。
                Stepper("计数器", value:$num).padding(50)
                //Z轴布局
                ZStack(content: {
                    Text("显示数值").blur(radius: self.changgeState ?  10 : 0)
                    Text("(self.num)")
                })
                
            })
        }
    }
    
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }
    

    参考自:

    https://www.jianshu.com/p/46cbe061c8f5

    此文仅为鄙人学习笔记之用,朋友你来了,如有不明白或者建议又或者想给我指点一二,请私信我。liuw_flexi@163.com/QQ群:582039935. 我的gitHub: (学习代码都在gitHub) https://github.com/nwgdegitHub/
  • 相关阅读:
    flask项目部署
    FastDFS分布式文件系统
    《app》团队冲刺二
    《APP》团队开发一
    软工二年级团队项目----自律小助手
    团队项目新闻app的需求分析
    团队成员及团队项目
    团队冲刺第八天
    团队冲刺第七天
    团队冲刺第六天
  • 原文地址:https://www.cnblogs.com/liuw-flexi/p/13825975.html
Copyright © 2011-2022 走看看