UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

1、在Mac OS中NSWindow的父类是NSResponder,而在i OS 中UIWindow 的父类是UIVIew。程序一般只有一个窗口但是会又很多视图。

2、UIView的作用:描画和动画,视图负责对其所属的矩形区域描画、布局和子视图管理、事件处理、可以接收触摸事件、事件信息的载体、等等。

3、UIViewController 负责创建其管理的视图及在低内存的时候将他们从内存中移除。还为标准的系统行为进行响应。

4、layOutSubViews 可以在自己定制的视图中重载这个方法,用来调整子视图的尺寸和位置。

5、UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法,这样可以拿到UIGraphicsGetCurrentContext,就可以画画了。而setNeedsLayout会默认调用layoutSubViews,就可以处理子视图中的一些数据。

宗上所诉,setNeedsDisplay方便绘图,而layoutSubViews方便出来数据

延伸:

当我们自定义UI控件时,需要重写一些方法:

UIView控件只是一个矩形的空白区域并没有任何内容。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所示的对话框。

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

图9.38 通过身份检查器面板管理UI控件的实现类

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

图9.39 创建objective-C类

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

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

图9.40  确定类名和父类

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#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所示的效果。

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

上一篇:【转】 UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout


下一篇:vue项目中icon图标的完美引入