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. 显示颜色

敬请期待!


<<:  Day12 : Docker基本操作 Dockerfile篇

>>:  [DAY 09] ParagraphTextItem

大脑如何精准学习 (1) 注意力

今天,产生了一个想法、或说好奇:是否有什麽原因,让原本在学习表现上有开放可能性的人,变成不主动积极了...

[Day01] 写给现在与将来的主管

我相信,很少人是做好准备才当上主管。通常是凭自己的技术过硬、绩效超群而被赋予领导职,然後开始学管理。...

Day 11:Router 怎麽绕-router-link、router-view

大家应该也发现到了,目前点选 Navbar 项目并没有任何反应;但是点选公版中的 Home 和 Ab...

[Android Studio 30天自我挑战] LinearLayout元件对齐方式

LinearLayout是透过android:orientation来设定布局方向 分为 andro...

【D9】厨具熟练後制作精致:使用历史资料的Kbar做MA(移动平均线)图

前言 当熟悉了历史资料,发现有更厉害的K线,这时候就要善用工具,好好的料理资料一番,这次我们来用K线...