iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
Mobile Development

程式初學就來點swift吧!教你掌握整個蘋果生態圈!系列 第 25

Day 25 - Watch os 開發學習2(Button)

今天我們繼續學習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,明天應該會學使用輸入框。


上一篇
Day 24 - Watch os 開發學習1
下一篇
Day 26 - Watch os 開發學習3(輸入框、Picker)
系列文
程式初學就來點swift吧!教你掌握整個蘋果生態圈!30

尚未有邦友留言

立即登入留言