Day3 简易调色盘小实作

一开始我们还是利用storyboard写呦!
之後才会变成xib得方式!
这个小作品我用的是storyboard做的。
首先,拉一个view和四个slide四个textfiled,并且拉完outlet和做完约束。
这四个滑杆分别对应四个文字格为红色元素、绿色元素、蓝色元素,最後一个则是透明度。

而我在viewdidload写了这四个的最大值最小值和滑杆颜色还有滑赶上圆圈圈的颜色以及滑杆的初始值。虽然这些都是可以直接设定的,但还是可以练习一下。

接下来,先写一个view的颜色变化func。这个func可以让我们透过滑杆的值去改变view的三元素。

这时我们先写点击空白处会收键盘,再到每个slide的动作func里,让滑杆所拉的值会等於(印)在对应filde里的数字,再来就是每个滑杆的圆圈圈颜色依照值得改变去显示当前元素值的颜色。最後呼叫我们刚刚写的func,这样view才会改变颜色哦!!!

这张图我们先说最下面的func,一般来说变数是不会建立在这里会建立在生命周期上!这边因为方便看才移过来。参数型别String,返回型别Float,函式里的程序码(??)是在说明,若是我的文字格里有字串就会回传型别为Float的值,没有的话就是回传0.0。
然後就一样在每个filde里写上刚刚写的func,但因为是文字格所以要用text,理所当然的才会写下刚刚那个func去改变型别,一样的呼叫一开始的colorbak(),这样就大功告成罗!


喔对了!透明度的部分一定要调哦!不然是0的话不会有颜色!


<<:  [DAY 2] _ 做一块自己的开发板(stm32f030)

>>:  Day-3 小学数学(bit ver.)

Day26影片教学:Azure小白如何使用Azure Container Registry异地复写建立多份Container Image

在昨天我们谈完Azure小白如何使用Azure Container Instances执行Docke...

【Day12】插槽 Portals

Portals 是一种让 children 可以 render 到 parent component...

大共享时代系列_008_共享居家照护

照顾...是谁的工作? 当我病痛衰弱时,谁可以照顾我? 家人?朋友?爱人? 但照顾者不需要休息跟喘息...

LeetCode 双刀流:62. Unique Paths

62. Unique Paths Unique Paths 也是一个蛮生活化的题目,所以我们挑选这...

Episode 1 - 真.即将失传的古老技艺

如果画面太小或看不清楚,可移驾至 https://www.youtube.com/watch?v=...