SwiftUI Stepper &氣球魔術專賣店
讓二瓜的氣球魔術專賣店在手機上以SwiftUI實現!
Published in
3 min readApr 14, 2020
共分成五個部份:
1. Stroke Path addLine 畫店面圖
2. Text 文字 Promotion
3. Image Clerk 姊妹
4. Commodity Ballon and Magic Trick Props
5. Stepper Quantity *Unit Price $10 sum-up Total
- Stroke Path addLine 畫灰線的店面圖:
.stroke(Color(red:215/255, green:215/255, blue:215/255), lineWidth:8)
2. Text 文字 Promotion
店名與Logo
第一行文字:
第二行文字:
3. 防疫期間讓兩位姊妹店員除了戴口罩並保持1.5M社交距離:
4. 商品氣球區
設立Stepper 的整數變數
4. 商品魔術區
VStack 設立Image&Stepper第一組, 共四組魔術道具(因畫面只放得下四組)
5. 加總算錢:
Open Items:
1.以Toggle搭配VIP 做75折計算,因涉及Double還不會寫
2.未Default Stepper 不可為負值(小店不賒帳)
3.看五次魔術多送一個氣球=84折未寫入
4.魔術商品區可以Table呈現即可加入更多商品
5.氣球商品區可加入Button以顏色選擇
Stay in magic shopping Github: