iOS自定义控件教程制作一个可重用的旋钮.docVIP

（原文：Custom Control for iOS Tutorial: A Reusable Knob作者：Sam Davies 译者：培子 ） 当你的APP需要一些新功能时，自定义UI控件会十分有用，尤其是这些自定义控件可以在其他APP里面很好的重用。Colin Eberhart写过一篇很棒的介绍自定义UI控件的教程。这个教程涉及的是一个继承自UISlider类的自定义控件的生成；该控件的功能是给定一个（滑动）范围供（用户滑动）选择，并返回一个（与滑动位置相对应的）固定值。 本篇基于iOS 7的自定义UI教程在Colin Eberhart那篇的基础上更深入一步；受调音台旋钮的启发，这里介绍如何制作一个功能类似UISlider的圆形旋转控件。 UIKit框架里的UISlider控件就是供用户在一个给定的范围内设置一个浮动的值。如果用过iOS设备，你就会知道UISlider控件可以用来设置音量、屏幕亮度，或者其他一些（在一定范围内浮动）的变量。在这篇教程里建立的项目将会实现同样的功能，只不过不是线性滑动的Slider，而是圆形旋转的Slider，就像之前提到的旋钮。 行动起来吧！ 首先，下载这个项目文件。这是一个简单的single-view APP，Storyboard里包含一些控件并捆绑在主视图控制器。在之后演示旋钮控件的不同特性时，你会用到这些控件。在正式的编写代码之前，我们先构建运行一下APP，对每个控件的呈现有个大致的了解；它看起来应该是下面这个样子： 首先新建一个旋钮类，点击“File\New\File…”,然后选择“iOS\Cocoa Touch\Objective-C class”。在之后的界面上，把类命名为RWKnobControl，并让它继承UIControl。点击Next，选择“KnobControl”目录，最后点击“Create”。 在为新控件编写代码之前，你应该把它添加到视图中，方便查看。打开RWViewController.m，把下面的代码导入到文件顶部： #import”RWKnobControl.h”然后在@interface 私有扩展区里，如下添加一个实例变量： @interfaceRWViewController(){RWKnobControl*_knobControl;}@end这个变量是对RWKnobControl的引用 接下来，重写viewDidLoad，如下： -(void)viewDidLoad{[superviewDidLoad];_knobControl=[[RWKnobControlalloc]initWithFrame:self.knobPlaceholder.bounds];[self.knobPlaceholderaddSubview:_knobControl];}上面所做的就是创建一个RWKnobControl 实例，并把它加入到故事板视图里。knobPlaceholder属性已经与故事板里的视图对象建立了联接。 打开RWKnobControl.m文件，重写initWithFrame:方法： -(id)initWithFrame:(CGRect)frame{self=[superinitWithFrame:frame];if(self){//Initializationcodeself.backgroundColor=[UIColorblueColor];}returnself;}上面的代码设置了knob控件的背景颜色，这样你就能清楚的在屏幕上看到它了。 运行你的APP，你会看到下面的内容： 现在，你的APP大体的布局已经搭建完成。 下面开始为你的控件搭建API吧！ 设计控件API我们创建一个自定义控件的初衷就是想获得一个方便可重用的组件。前期，多花些时间为控件设计一套好的API函数接口是值得的；其他开发者在使用你的控件时，可以直接从控件的API上理解怎么运用它，而不需要再去看里面的源代码。这意味你同样需要创建一个有关控件的API文档。 自定义控件的头文件包含所有可供调用的API函数接口。在这里，就是RWKnobControl.h。 打开RWKnobControl.h，把下面的代码添加到@interface和@end之间： #pragmamark-Knobvalue/**Containsthecurrentvalue*/@property(nonatomic,assign)CGFloatvalue;/**Setsthevaluetheknobshouldrepresent,withoptionalanimationofthechange.*/-(void)setValue:(CGFloat)valueanimated:(BOOL)animated;#p