当前位置：首页 > article >正文

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

article 2024/10/26 2:28:19

SwiftUI开发从入门到放弃

- 基本知识
- 开发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()
}