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

SwiftUI开发从入门到放弃

• • 基本知识
  • [开发ios app](#开发ios app)
  • • 1.打开Xcode，新建项目
    • 2.开发代码
    • 3.制作图标
    • 4.替换图标
    • 5.修改名称
    • 6.运行
  • Xcode界面

基本知识

与H5相对比

开发ios app

1.打开Xcode，新建项目

2.开发代码

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界面

如有不足，请多指教，

未完待续，持续更新！

大家一起进步！