iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 1
0
Software Development

30天Swift入門學習系列 第 1

iOS App實作(1) Discount (Slider Bar + Keyboard)

  • 分享至 

  • xImage
  •  

Description:
練習iOS App的第一天。
這個練習是讓使用者輸入價格後在通過拖動Slider Bar的方式來計算打折情況。


Component:
一個TextField可讓user通過keyboard輸入價格
一個Slider Bar可以通過拖動來改變打折數
兩個Label分別用來顯示打折金額、打折後價格

Highlight function:

  @IBAction func UpdateDataBySlider(_ sender: UISlider) {
    if let number = Int(UserInputText.text!) {
      UserInputVal = number
    } else {
      UserInputVal = 0
    }
    
    DiscountVal      = lroundf(sender.value)
    DiscountMoneyVal = (UserInputVal * DiscountVal) / 100

    DiscountPercentageLabel.text = "(\(DiscountVal)%)"
    DiscountMoneyLabel.text = "$" + String(DiscountMoneyVal)
    AfterPriceLabel.text = "$" + String(UserInputVal - DiscountMoneyVal)
  }


Additional:
以下為UISlider常用的member function的介紹:

// UISlider按鈕右邊 尚未填滿的顏色 
slider.maximumTrackTintColor = UIColor.orange

// UISlider按鈕左邊 已填滿的顏色 
slider.minimumTrackTintColor = UIColor.purple

// UISlider按鈕的顏色 
slider.thumbTintColor = UIColor.brown

// UISlider 最小值 
slider.minimumValue = 0

// UISlider 最大值
slider.maximumValue = 100 

// UISlider 預設值 
slider.value = 100

// UISlider 是否可以在變動時同步執行動作,設定 false 時 則是滑動完後才會執行動作 
slider.isContinuous = true


Reference:
Source code on Github


下一篇
iOS App實作(2) Image Slider (UIScrollView)
系列文
30天Swift入門學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言