iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Mobile Development

ios 的小小實驗室 !系列 第 2

DAY 2 『 RGB調色盤 』Part1

RGB調色盤:view + slider * 3 + textfield * 3

成品:


首先創一個專案
( 如果不知道怎麼創的話可以參考以下連結:Xcode Creat Project

在 storyboard 先拉一個 view 作為顯示顏色用

拉完後長這樣

再拉三個 slider

拉完後可利用 Tint 改物件顏色方便識別RGB

設定 slider 數值範圍

再拉三個 textfield

拉完後長這樣

按住 control 後,在物件上按右鍵拖拉至 class 下

鬆開手後會跳出此對話筐,輸入完名字後,即為 @IBOutlet

程式碼如下

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var showcolor: UIView!
    @IBOutlet weak var redtext: UITextField!
    @IBOutlet weak var greentext: UITextField!
    @IBOutlet weak var bluetext: UITextField!
    @IBOutlet weak var redslider: UISlider!
    @IBOutlet weak var greenslider: UISlider!
    @IBOutlet weak var blueslider: UISlider!
    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

明天會介紹:

  1. 按空白處收回鍵盤
  2. textField 改變 slider
  3. slider 改變 textField
  4. 顯示顏色

敬請期待!


上一篇
DAY 1『 Xcode 如何建專案 』
下一篇
DAY 3 『 RGB調色盤 - 每個物件的功能 』Part2
系列文
ios 的小小實驗室 !30

尚未有邦友留言

立即登入留言