😏★,°:.☆( ̄▽ ̄)/$:.°★ 😏
這篇文章主要介紹XCode創建firstapp并運行
學其所用,用其所學。——梁啟超
歡迎來到我的博客,一起學習,共同進步。
喜歡的朋友可以關注一下,下次更新不迷路🥞
文章目錄
- :smirk:1. 提前準備
- :blush:2. 環境安裝與配置
- :satisfied:3. 應用示例
😏1. 提前準備
一直對IOS開發心心念念,自從買了macbook后一直也沒有嘗試,最近有空就折騰了一下,也把過程中遇到的問題記錄一下。
成為IOS開發者,首先要準備一臺Mac電腦(筆記本臺式機都可以);要開發App的話最好有一臺Iphone手機(當然沒有的話也可以在模擬器運行);要注冊好蘋果開發者賬號(主賬號用郵箱,個人不付費也可以在本地調試,要上架App Store就需要付年費了);需要一條原裝數據線,手機開啟開發者模式(隱私與安全性)。
總之,需要準備的就是以下幾個東西:
- Mac電腦
- iphone手機
- 注冊開發者賬號
- 原裝數據線
- 打開開發者模式
😊2. 環境安裝與配置
類似微信開發者工具,要開發IOS應用也有專門的編譯環境,這里是XCode。
安裝好后,需要在Setting中的Accounts
中登陸自己的個人或公司賬號,其他的設置項后面我們慢慢了解。
創建新項目,選擇ios-app:
默認設置進入項目后,右側會有預覽框,后續關掉后也知道在哪里打開:
要連接真機調試,可以在頂部的工程框進入Manage Run Destinations
,用數據線將手機和電腦連接,同意一些權限后,就可以在這里看到自己的iOS Device了,預覽框也可以選擇自己的真機,會默認下載一個Xcode Previews
到手機上。(如果第一次預覽有問題,可以清空項目Clean Build Folder
重新編譯一下)
預覽過后,可以點擊Run
,會安裝app到手機端,這樣體驗更好。
😆3. 應用示例
下面創建一個簡單的BMI計算器應用。
ContentView
//
// ContentView.swift
// firstapp
//
// Created by lemon on 2025/7/6.
//import SwiftUIstruct ContentView: View {@State private var height: Double = 0@State private var weight: Double = 0@State private var bmi: Double = 0@State private var showAlert: Bool = falsevar body: some View {VStack {Text("BMI 計算器").font(.largeTitle).padding()VStack(alignment: .leading) {Text("身高 (cm):").font(.headline)TextField("請輸入身高", value: $height, format: .number).padding().keyboardType(.decimalPad).border(Color.gray)Text("體重 (kg):").font(.headline)TextField("請輸入體重", value: $weight, format: .number).padding().keyboardType(.decimalPad).border(Color.gray)}.padding()Button(action: {if height > 0 && weight > 0 {bmi = weight / ((height / 100) * (height / 100))} else {showAlert = true}}) {Text("計算 BMI").font(.headline).foregroundColor(.white).padding().background(Color.blue).cornerRadius(10)}.padding().alert(isPresented: $showAlert) {Alert(title: Text("輸入錯誤"), message: Text("請輸入有效的身高和體重"), dismissButton: .default(Text("確定")))}if bmi > 0 {Text("您的 BMI 是: \(String(format: "%.2f", bmi))").font(.title).padding()}}.padding()}
}#Preview {ContentView()
}
以上。