SwiftUI 教程系列-第三章

最新推荐文章于 2024-08-19 21:13:15 发布

「已注销」

最新推荐文章于 2024-08-19 21:13:15 发布

阅读量2.3k

点赞数 2

分类专栏： swift UI 教程文章标签： swift swiftui xcode

本文链接：https://blog.csdn.net/MSchafer/article/details/124926821

版权

这篇教程介绍了如何使用Swift和SwiftUI框架创建第一个iOS应用，包括新建项目、Xcode界面介绍、Swift特性体验，特别是详细讲解了如何创建和自定义按钮样式，以及实现按钮点击后的语音操作。此外，还介绍了堆栈视图的概念，帮助理解如何布局复杂界面，并通过定义方法减少代码重复性。

摘要由CSDN通过智能技术生成

第三章: 用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()