【ios】---SwiftUI开发从入门到放弃

東三城2024-11-01 3:03

SwiftUI开发从入门到放弃

- 基本知识
- [开发ios app](#开发ios app)
- Xcode界面

基本知识

与H5相对比

开发ios app

1.打开Xcode，新建项目

2.开发代码

swift 复制代码

import SwiftUI
func mySelect() -> String {
    return ["🍏", "🍎", "🍐", "🍊", "🍋", "🍋‍🟩", "🍌", "🍉",
    "🍇", "🍓", "🫐", "🍈", "🍒", "🍑", "🥭", "🍍", "🥥", "🥝"
    ].randomElement()!
}


struct ContentView: View {
    @State private var today = mySelect()
    var body: some View {
        VStack {
            Spacer()
            Text("\(today)") // html框架
                .font(.system(size: 100)) // css样式
                .padding()
            Spacer()
            Button("今天吃啥？"){
                // js脚本
                today = mySelect()
            }
            .padding()
            .background(.teal)
            .foregroundStyle(.white)
            .cornerRadius(30)
            Spacer()
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

3.制作图标

画布大小1024 *1024

4.替换图标

5.修改名称

6.运行

macos,手表,电视,vision pro等同理

Xcode界面

如有不足，请多指教，

未完待续，持续更新！

大家一起进步！