下面将升级Colorboard应用，用户可以在Colorboard中选择一款颜色并将其收藏到颜色列表中。
返回Colorboard.storyboard，向BNRColorViewController中添加一个UITextField对象、三个UILabel对象和三个UISlider对象，界面看起来应该类似于图28-18。
图28-18 设置BNRColorViewController的view
下面根据UISlider对象中的色值修改BNRColorViewController的view的背景颜色。在BNRColorViewController.m的类扩展中，为UITextField对象和UISlider对象添加相应的插座变量：
@interface BNRColorViewController （）
@property （nonatomic, weak） IBOutlet UITextField *textField;
@property （nonatomic, weak） IBOutlet UISlider *redSlider;
@property （nonatomic, weak） IBOutlet UISlider *greenSlider;
@property （nonatomic, weak） IBOutlet UISlider *blueSlider;
@end
@implementation
当用户拖曳任意一个UISlider对象时，都将触发相同的动作方法。在BNRColorViewController.m中添加该方法，代码如下：
- （IBAction）changeColor:（id）sender
{
float red = self.redSlider.value;
float green = self.greenSlider.value;
float blue = self.blueSlider.value;
UIColor *newColor = [UIColor colorWithRed:red
green:green
blue:blue
alpha:1.0];
self.view.backgroundColor = newColor;
}
接下来打开Colorboard.storyboard，然后按住Option键，在辅助编辑器中打开BNRColorViewController.m，首先关联视图与对应的插座变量，然后按住Control键，将三个UISlider对象分别拖曳到Color View Controller，关联changeColor:动作方法。
构建并运行应用，拖曳任意一个UISlider对象，可以发现view的背景颜色会随之改变。