今天我們繼續學習watch os的開發。

正文

上面所展示的是按下Button之後會將下面的Text+1。

接下來我來解釋一下這一串的意思以及重點。

首先添加一個新的Button，動作是 a = a +1(code部分我就簡寫），接著我們在底下創建一個新的文字方塊，我們指向a變數，並且將原本的Int去轉換為String，這樣才有辦法顯示出來，否則會報錯。

struct jc2: View {
    @State private var a: Int = 0
    var body: some View {
        VStack{
            Button(action: {a+=1}) {
                Text("+1")
            }
            Text(String(a))
        }.navigationBarTitle(Text("姜義新好帥！"))
        
    }
}

兩份數值

接著我們操作兩份數值，並且在最下面將它加總起來。

我們可以直接我們可以直接複製一份Button和Text，接著多宣告一個變數，並且重新設定變數。

最後我們添加一個Text作為兩者總和，並且使用Title樣式。

struct jc2: View {
    @State private var a: Int = 0
    @State private var b: Int = 0
    var body: some View {
        VStack{
            Button(action: {a+=1}) {
                Text("+1")
            }
            Text(String(a))
            Button(action: {b+=1}) {
                Text("+1")
            }
            Text(String(b))
            Text(String(a+b))
                .font(.title)
            
        }.navigationBarTitle(Text("姜義新好帥！"))
        
        
    }
}

使用ScrollView包起來

這裡如果你有實際動手寫的話就知道其實有一點點怪。

因為會無法滑動頁面。

所以我們仍然要使用ScrollView去包起來。

如果用list包一樣能使用，但會變得很奇怪，這邊我不推薦使用list。

總結

今天學會了在Apple watch 使用button，明天應該會學使用輸入框。