疯狂ios讲义之自定义UI控件

没原创_去搜索 2015-08-12

展开全文

IView控件只是一个矩形的空白区域，并没有任何内容。iOS应用的其他UI控件都继承了UIView，这些UI控件都是在UIView提供的空白区域上绘制外观。

基于UI控件的实现原理，开发者完全可以开发出项目定制的控件——当iOS系统提供的UI控件不足以满足项目需要时，开发者可以通过继承UIView来派生自定义控件。

当开发者打算派生自己的UI控件时，首先定义一个继承View基类的子类，然后重写View类的一个或多个方法，通常可以被用户重写的方法如下。

initWithFrame:：前面已经见到，程序创建UI控件时常常会调用该方法执行初始化，因此，如果你需要对UI控件执行一些额外的初始化，即可通过重写该方法来实现。

initWithCoder:：程序通过在nib文件中加载完该控件后会自动调用该方法。因此，如果程序需要在nib文件中加载该控件后执行自定义初始化，则可通过重写该方法来实现。

drawRect:：如果程序需要自行绘制该控件的内容，则可通过重写该方法来实现。

layoutSubviews：如果程序需要对该控件所包含的子控件布局进行更精确的控制，可通过重写该方法来实现。

didAddSubview:：当该控件添加子控件完成时，将会激发该方法。

willRemoveSubview:：当该控件将要删除子控件时，将会激发该方法。

willMoveToSuperview:：当该控件将要添加到其父控件中时，将会激发该方法。

didMoveToSuperview：当把该控件添加到父控件完成时，将会激发该方法。

willMoveToWindow: ：当该控件将要添加到窗口中时，将会激发该方法。

didMoveToWindow：当把该控件添加到窗口完成时，将会激发该方法。

touchesBegan:withEvent:：当用户手指开始触碰该控件时，将会激发该方法。

touchesMoved:withEvent:：当用户手指在该控件上移动时，将会激发该方法。

touchesEnded:withEvent:：当用户手指结束触碰该控件时，将会激发该方法。

touchesCancelled:withEvent:：用户取消触碰该控件时，将会激发该方法。

当需要开发自定义View时，开发者并不需要重写上面列出的所有方法，而是根据业务需要重写上面的部分方法。例如，下面的跟随手指运动的小球示例程序就只重写drawRect:方法。

实例：跟随手指运动的小球

为了实现一个跟随手指运动的小球示例，我们考虑开发自定义的UI控件，这个UI控件将会在指定位置绘制一个小球，这个位置可以动态改变。当用户通过手指在屏幕上拖动时，程序监听到这个手指动作，并把手指动作的位置传入自定义UI控件，然后通知该控件重绘即可。

首先创建一个Single View Application，然后通过该应用的项目导航面板打开Main.storyboard文件，选中Dock区内唯一场景内的View Controller节点，或选中界面布局文件中的根UI控件：UIView（也就是界面中大块的、右上角有个电池图标的白色矩形区域），然后按下键盘上的command+option+3快捷键，打开Xcode的身份检查器，通过身份检查器可以看到该界面布局文件的根UI控件的实现类是UIView，如图9.38所示。

该应用并不打算使用默认的UIView作为根控件，因此将图9.38所示对话框中Class文本框内的实现类改为FKCustomView，这表明程序将使用FKCustomView作为界面设计的根控件。

接下来程序需要开发自定义的FKCustomView类，其步骤如下。

①用鼠标右键单击项目文件夹，然后单击“New File”菜单项，Xcode弹出如图9.39所示的对话框。

图9.39 创建Objective-C类

②在图9.39所示对话框的左边选中iOS分类下的Cocoa Touch，然后在对话框右边选中“Objective-C class”列表项后单击“Next”按钮，系统显示如图9.40所示的对话框。

图9.40 确定类名和父类

③在图9.40所示的对话框中，输入类名，选择父类之后，单击“Next”按钮，Xcode将会显示一个保存文件夹，用于确定新创建文件的存储路径。选择合适的路径后，单击“Create”按钮即可创建一个新的Objective-C类。

提示：

虽然此处介绍的是创建自定义UI控件的步骤，但实际上只是介绍开发Objective-C类的步骤，只是此处开发的Objective-C类继承了UIView，因此即可作为自定义UI控件。实际上，通过图9.39可看出，通过这个步骤不仅可以创建自定义Objective-C类，也可创建Objective-C类别、扩展和协议等。只要在图9.39所示对话框中选择不同类型的文件即可。

下面是自定义控件类实现部分的代码（接口部分仅仅只是继承UIView即可）。

程序清单：codes/09/9.5/CustomView/CustomView/FKCustomView.m

#import "FKCustomView.h"
 
@implementation FKCustomView
// 定义两个变量记录当前触碰点的坐标
int curX;
int curY;
- (void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    // 获取触碰事件的UITouch事件
    UITouch *touch = [touches anyObject];
    // 得到触碰事件在当前组件上的触碰点
    CGPoint lastTouch = [touch locationInView:self];
    // 获取触碰点的坐标
    curX = lastTouch.x;
    curY = lastTouch.y;
    // 通知该组件重绘
    [self setNeedsDisplay];
}
// 重写该方法来绘制该UI控件
- (void)drawRect:(CGRect)rect
{
    // 获取绘图上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 设置填充颜色
    CGContextSetFillColorWithColor(ctx, [[UIColor redColor] CGColor]);
    // 以触碰点为圆心，绘制一个圆形
    CGContextFillEllipseInRect(ctx, CGRectMake(curX - 10, curY - 10, 20, 20));
}
@end

上面的程序自定义了UIView的子类：FKCustomView，该子类重写了drawRect:方法，该方法的逻辑很简单：它仅仅只是以触碰点为圆心，绘制一个圆形。除此之外，该自定义UIView子类还重写了touchesMoved方法，每当用户触碰该组件时，程序就会将触碰点的坐标赋给curX、curY两个变量，并通知该控件调用drawRect:方法来重绘自身。这样即可保证每当用户触碰该控件时，该控件总会在触碰点绘制一个红色圆形。

编译、运行该程序，即可看到如图9.41所示的效果。