Cocoa学习之路 Slider调色实例

移动开发 iOS
本文介绍的是Cocoa学习之路 Slider调色实例,最适合初学者学习,我们先来看详细内容。

Cocoa学习之路 Slider调色实例是本文要介绍的内容,部所属,直接进入话题。这个开发实例是同过鼠标拖动滑条,调整三原色数值,从而改变最终合成的颜色。新人可借此练习 NSTextField,NSSlider,NSColor,NSObject 的使用。

Cocoa学习之路 Slider调色实例

1、新建一个Cocoa项目SliderColor

需要拖一个Text Field控件,和四个Horizontal Slider控件到窗口。这里用Text Field来显示颜色,Horizontal Slider分别为alpha,red,green,blue。Text Field属性设置为只读(Enabled),背景(Background)为黑色,Horizontal Slider最小值(Minimum)都设为0,最大值(Miximum)为1,并勾选Continuous(这个是为了拖动时就改变值),alpha当前值(Current)为1,其他的当前值都为0,

2、创建Controller(NSObject)

拖一个NSObject命名为ColorController,创建Outlets为:

  1. alphaSlider  
  2. blueSlider  
  3. colorField  
  4. greenSlider  
  5. redSlider  
  6. 创建Actions为:  
  7. setAlpha  
  8. setBlue  
  9. setGreen  
  10. setRed 

把创建的Outlets和Actions和窗口中的控件进行相应的绑定(关联)后保存ColorController到项目中。

3.、在ColorController中写代码

需要在ColorController.h中添加float类型的变量来存储Slider的值和一个void类型的updateColor方法来更新颜色。最终代码如下:

  1. #import <Cocoa/Cocoa.h> 
  2.    
  3. @interface ColorController : NSObject {  
  4.     IBOutlet NSSlider *alphaSlider;  
  5.     IBOutlet NSSlider *blueSlider;  
  6.     IBOutlet NSTextField *colorField;  
  7.     IBOutlet NSSlider *greenSlider;  
  8.     IBOutlet NSSlider *redSlider;  
  9.    
  10.     float redValue;  
  11.     float blueValue;  
  12.     float greenValue;  
  13.     float alphaValue;  
  14. }  
  15. - (IBAction)setAlpha:(id)sender;  
  16. - (IBAction)setBlue:(id)sender;  
  17. - (IBAction)setGreen:(id)sender;  
  18. - (IBAction)setRed:(id)sender;  
  19. - (void)updateColor;  
  20. @end 

在ColorController.m中添加updateColor方法来进行RGB颜色的转换和Text Field的背景颜色设置,在拖动调用updateColor。完整代码如下:

  1. #import "ColorController.h"  
  2. @implementation ColorController  
  3. - (IBAction)setAlpha:(id)sender {  
  4.     [self updateColor]; //调用updateColor方法  
  5. }  
  6. - (IBAction)setBlue:(id)sender {  
  7.     [self updateColor];  
  8. }  
  9. - (IBAction)setGreen:(id)sender {  
  10.     [self updateColor];  
  11. }  
  12. - (IBAction)setRed:(id)sender {  
  13.     [self updateColor];  
  14. }  
  15. - (void)updateColor {  
  16.     //获取RGB和Alpha值并赋值给变量  
  17.     redValue = [转自redSlider floatValue];  
  18.     greenValue = [greenSlider floatValue];  
  19.     blueValue = [blueSlider floatValue];  
  20.     alphaValue = [alphaSlider floatValue];  
  21.    
  22.     //根据获取的RGB和Alpha值创建颜色(NSColor)  
  23.     NSColor *uColor = [NSColor colorWithCalibratedRed:redValue green:greenValue blue:blueValue alpha:alphaValue];  
  24.     //设置TextField(colorField)背景颜色  
  25.     [colorField setBackgroundColor:uColor];  
  26. }  
  27. @end 

源码下载

小结:Cocoa学习之路 Slider调色实例的内容介绍完了,希望本文对你有所帮助。

转自 http://www.uedidea.com/cocoa-slider-color.html

责任编辑:zhaolei 来源: Cocoa China
相关推荐

2011-07-20 10:22:16

Cocoa 屏幕 坏点

2011-07-22 15:50:06

Cocoa MVC 视图

2011-07-26 10:42:00

Cocoa Cocoa2d 游戏

2011-07-26 15:29:36

Cocoa 模式

2011-07-25 13:15:34

Cocoa MVC 架构

2011-07-25 14:32:40

Cocoa 框架 函数

2011-08-11 15:46:55

CocoaCocoa Touch框架

2019-08-12 07:45:44

Linux脚本shell

2011-08-10 18:37:32

CocoaMac OS X

2011-05-11 15:27:58

Windows OOPCocoa MVCCocoa

2011-06-27 16:00:34

视频教程Cocoa TouchiOS应用

2011-07-07 10:18:58

Cocoa 实例变量 数据

2011-08-15 16:09:44

Cocoa对象Objective-C

2011-07-07 13:51:24

Cocoa 框架

2014-07-28 14:04:26

2011-07-28 18:17:31

Cocoa 界面 WebKit

2011-07-07 13:39:14

Cocoa 框架

2011-07-07 13:30:32

Cocoa Core

2011-07-20 09:49:41

Xcode Interface Builder

2011-07-08 16:09:54

Cocoa Cocos2d 动作
点赞
收藏

51CTO技术栈公众号