調色App — 利用UIColor調整背景顏色

HW6–6

前情提要：

#13 彼得潘的影子 — 調色大師

透過App可以操作Slider調整背景的Ｒ、Ｇ、Ｂ三種顏色，並搭配陣列讓圖片可以有效率地排列組合，

使用哪些UIKit：

UISlider、UIColor、UISwipeGestureRecognizer、UIPageControl、UISegmentedControl、UIStepper

功能：

1. 利用Slider調整UIImage背景顏色
2. 利用Slider調整UIColor的RGB值
3. 利用UIGesturerecognizer手勢滑動圖片
4. 利用滑動圖片改變UIPageControl
5. 利用UIButton重置Slider預設值
6. 利用UIStepper調整照片以及其他元件Value
7. 利用UISegmentedControl調整照片以及其他元件Value

Slider程式碼

image.backgroundColor = UIColor(
red: CGFloat(redSlider.value / 255),
green: CGFloat(greenSlider.value / 255),
blue: CGFloat(blueSlider.value / 255),
alpha: CGFloat(alphaSlider.value / 255)
)

UIButton程式碼

redSlider.value = 0
greenSlider.value = 0
blueSlider.value = 0
alphaSlider.value = 255
image.backgroundColor = UIColor(
red: CGFloat(redSlider.value / 255),
green: CGFloat(greenSlider.value / 255),
blue: CGFloat(blueSlider.value / 255),
alpha: CGFloat(alphaSlider.value / 255)
)

UISwipeGestureRecognizer程式碼

if(sender.direction == .left){
index += 1
}else if (sender.direction == .right){
index -= 1
}
if(index == images.count){
index = 0
}else if(index < 0){
index = images.count - 1
}
image.image = UIImage(named: images[index])
pageControl.currentPage = index
segment.selectedSegmentIndex = index
stepper.value = Double(index)

UIPageControl 程式碼

index = sender.currentPage
image.image = UIImage(named: images[index])
stepper.value = Double(index)
segment.selectedSegmentIndex = index

UISegmentControl程式碼

index = sender.selectedSegmentIndex
image.image = UIImage(named: images[index])
pageControl.currentPage = index
stepper.value = Double(index)

UIStepper程式碼

index = Int(stepper.value)
image.image = UIImage(named: images[index])
pageControl.currentPage = index
segment.selectedSegmentIndex = index

GitHub - WeiFangChou/Homework6-6: UIColor RGB Homework