Swift UI学习

136 阅读1分钟

Swift UI学习笔记

你是真的学会使用这个工具了吗?

1、创建Swift UI项目

  1. 第一步,打开xcode开发软件,然后选择 创建一个新项目 image.png
  2. 第二步,选择创建 ios 下的 app项目 image.png 注意:也可以选择其他类型,例如 MacOS,只是平台不一样,根据具体情况进行选择。
  3. 第三步,选择使用的语言,此处选择SwiftUI和Swift image.png
  4. 系统按照默认的配置创建了一个 hello,world 项目 image.png 注意: 生成的项目中代码是默认的,左边是代码,右面是代码的预览,SwiftUI功能比较强大,在左边修改完代码之后,可以直接在右边进行预览

2、文本控件初体验

2.1 代码效果如图所示

image.png

2.2 设置属性

  • 示例:字体加粗

    import SwiftUI

    struct ContentView: View {
        var body: some View {
            Text("Hello,world!")
                .fontWeight(.bold)  //设置字体权重
        }
    }

image.png

  • 示例:字体样式

    import SwiftUI

    struct ContentView: View {
        var body: some View {
    				// Text控件,在页面展示一个文本框,显示 Hello,world!
           Text("by William Shakespeare")
                    .font(.system(size:24,weight:.light,design: .serif))
    		            .italic()
        }
    }

    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }

image.png

2.3 如何学习

按照上面的步骤操作之后,基本动作已经有了,接下来就可以靠自己了

打开 开发文档 Xcode → Help → Developer Documentation image.png

弹出开发文档页面如下,以后想学哪个控件,直接看此文档就可以了

image.png