100天Swift学习挑战#2:SwiftUI初步尝试

开始教程前,再初步体验一下SwiftUI。使用VStack和HStack,有点像CSS的网格布局。整体写下来感觉对前端人员很友好,实时预览的速度不是很快,但是效果不错。

var body: some View {
    VStack(alignment: .leading) {
        HStack {
            TextField("", text: $passcode).frame(width: 200)
            Button(action: {
                if self.running {
                    self.stop()
                } else {
                    self.start(passcode: self.passcode)
                }
            }) {
                Text(self.running ? "Stop" : "Start")
            }
            .frame(width: 60.0)
            .disabled(self.loading)
        }
        .padding(.top, 20)
        .padding(.leading, 20)
        .padding(.trailing, 20)
        Text("Status: " + self.status)
            .padding([.leading, .trailing], 20)
        Button(action: {
            if self.running {
                self.copyCammand()
            } else {
                self.clearCache()
            }
        }) {
            Text(self.running ? "Copy Terminal Command" : "Clear Cache")
        }
        .padding([.bottom, .leading], 20)
        .disabled(self.loading)
    }
}

文章原始链接:https://sijie.wang/posts/swift-challenge-2/

本站文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请保留原始链接