当前位置:   article > 正文

SwiftUI 教程系列-第三章

SwiftUI 教程系列-第三章

第三章: 用Swift语言和SwiftUI框架创建你的第一个app

​ 到目前为止, 你应该对xcode工具和swift语言有所了解,如果你没看过前面2节, 建议先看看,这章,会深入了解一下SwiftUI 框架特性

1. 构建第一个app

File->New->Project选择iOS–>App

在这里插入图片描述

下一步, 工程名,命名为 HelloWorld

在这里插入图片描述

其中organization identifier可以填写比较个性的定义,或者如果有你网站,可以填写网站域名,然后点Next, xcode会提示你保存Project, 然后就会看到下面界面

在这里插入图片描述

2. Xcode界面介绍

在这里插入图片描述

3. Swift特性体验

3.1 Demo

import SwiftUI

struct ContentView: View {
   
    var body: some View {
   
        Text("Hello, world!")
            .fontWeight(.bold)
            .font(.system(.title, design: .rounded))
            .frame(width: 200, height: 50, alignment: .center)
            .background(.yellow)
            .foregroundColor(.indigo)
            .cornerRadius(20)
    }
}

struct ContentView_Previews: PreviewProvider {
   
    static var previews: some View {
   
        Group {
   
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12 mini"))
                .previewDisplayName("iPhone 12 mini-暗色")
                .preferredColorScheme(.dark)
            ContentView()
                .
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/807124
推荐阅读
相关标签
  

闽ICP备14008679号