最近在做项目时,使用UIView的时候,有点唯唯诺诺,生怕出错,所以重新读了一遍文档中UIView类的OverView,许多模糊的问题,得到了答案,真是侯捷先生的那句“勿在浮沙筑高台”。
本文章的前半部分为文档中UIView概述的翻译,后半部分为自己的一些理解和一些代码实例。
UIView概述
UIVIew定义
UIView类,按照UIView的OverView定义一个屏幕上矩形区域和用来管理这个区域内容的一些接口。在运行时,一个视图对象处理它区域内内容的渲染(注:CALayer),并且处理这个区域内的交互行为。UIView类自身提供基本的用背景颜色填充矩形区域的方法,想要显示更复杂的内容(注:比如圆环套圆环的背景),需要子类化UView,并实现绘图和事件处理方法。UIKit框架包含一组标准的UView子类,从简单的按钮(注:UIButton)到复杂的表(注:UITableView),都可以直接使用。
因为视图对象是应用程序与用户进行交互的主要方式,它们有许多职责。例如:
绘图和动画:
绘图使用技术例如UIKit, Core Graphics, and OpenGL ES,绘制矩形区域的内容。
视图的一些属性在变成新值时,可以使用动画效果。
布局和子视图管理:
一个视图可以包含零个或多个视图。
每个视图通过它的父视图定义自己的缺省大小。
在需要时,视图可以手动改变它的子视图的大小和位置。
事件处理:
视图是个应答器,可以处理触摸事件和UIResponder类定义的其他事件。
视图可以使用addGestureRecognizer:方法 安装的手势识别器来处理常见的手势。
视图可以嵌入其他视图和创建复杂的可视层次。这将创建一个父子关系嵌入的视图(称为子视图)和被嵌入的视图(称为父视图)。通常,一个子视图的可视区域是不受父视图边界限制的,但在iOS可以通过clipsToBounds属性改变这种设置。一个父视图可以包含任意数量的子视图,但自视图只有一个父视图,该父视图负责恰当地定位它的子视图。
通过frame, bounds, and center 这些几何属性定义一个视图,Frame在父视图坐标系统定义视图的起点和大小,并且常用在布局去调整视图的大小或位置。Center属性可以用在不改视图大小光调整视图位置。Bounds在自己的坐标体系定义了视图内部的尺寸,通常只被用在自定义渲染代码。Frame和Bounds的大小部分是耦合在一起,以便改变矩形区域的大小,两者的尺寸部分都会更新。
创建一个视图
以编程方式创建一个视图,可以使用代码如下:
CGRect viewRect = CGRectMake(10、10、100、100); UIView * myView =[[UIView alloc]initWithFrame:viewRect];
创建一个视图时,对于autoresizingMask属性分配一个适当的值来确保视图的正确地调整大小是重要的。视图调整主要是发生在你的应用程序界面的方向变化,它也可能发生在其他时间。例如,调用setNeedsLayout方法迫使你的视图更新它的布局。
视图绘制周期
视图绘制发生在需要的基础上,当视图第一次显示,或由于布局变化,视图的全部或部分变得可视,或系统要求视图重绘它的内容。对于使用UIKit or Core Graphics自定义内容的视图,系统调用视图的drawRect:方法。你方法的实现负责绘制视图的内容到 ,被系统先前自动调用的方法设置的当前图形上下文,这将创建一个你的视图内容的可视展现,然后内容将显示在屏幕上。
当你的视图的实际内容变法时,你需要负责去通知系统你的视图需要重绘,你可以通过调用你视图的setNeedsDisplay或setNeedsDisplayInRect:方法来完成。这些方法让系统知道它应该在接下来的渲染周期,更新视图。因为系统将等到下一个渲染周期更新视图,所以你可以在多个视图中调用这些方法,使其在同一时间更新。
动画
改变一些视图属性可以触发动画,其效果是改变的属性,创建一个在很短的一段时间内展现给用户这些改变的动画。执行这些实际的动画的工作 ,主要由视图类来做,但你仍然需要指出哪些属性更改你想成为动画。有两种不同的方法来启动动画:
@property frame
@property bounds
@property center
@property transform
@property alpha
@property backgroundColor
@property contentStretch
必须在主线程操作应用程序的用户界面。因此,你应该在代码运行在应用程序的主线程中,调用UIView类的方法。当创建视图对象本身时,不是所有的执行都一定要在主线程中,这是唯一不严格约束的情况。
子类化说明
(略)
翻译部分结束
UIVIew的定义
我的理解,UIView中CALayer的本质,是一块包含一幅位图的缓冲区,主要负责渲染,而UIView继承自UIResponder,通过响应链来处理交互。而在CocoaTouch框架下,所有的编程都是围绕着UIView,即基于视图编程,这种关系就像MFC中,基于对话框编程,程序由数个对话框以及他们之间的关系组成,APP就由数个视图构成。
实现drawRect:方法
通过实现drawRect:方法,使得View显示复杂内容,现在代码点击这里。实现了圆环套圆环(靶心)的显示。
- (void)drawRect:(CGRect)rect { // What rectangle am I filling? CGRect bounds = [self bounds]; // Where is its center? CGPoint center; center.x = bounds.origin.x + bounds.size.width / 2.0; center.y = bounds.origin.y + bounds.size.height / 2.0; // From the center, how far out to a corner? float maxRadius = hypot(bounds.size.width, bounds.size.height) / 2.0; // Get the context being drawn upon CGContextRef context = UIGraphicsGetCurrentContext(); // All lines will be drawn 10 points wide CGContextSetLineWidth(context, 10); // Set the stroke color to light gray [[UIColor lightGrayColor] setStroke]; // Draw concentric circles from the outside in for (float currentRadius = maxRadius; currentRadius > 0; currentRadius -= 20) { CGContextAddArc(context, center.x, center.y, currentRadius, 0.0, M_PI * 2.0, YES); CGContextStrokePath(context); } // Create a string NSString *text = @"You are getting sleepy."; // Get a font to draw it in UIFont *font = [UIFont boldSystemFontOfSize:28]; // Where am I going to draw it? CGRect textRect; textRect.size = [text sizeWithFont:font]; textRect.origin.x = center.x - textRect.size.width / 2.0; textRect.origin.y = center.y - textRect.size.height / 2.0; // Set the fill color of the current context to black [[UIColor blackColor] setFill]; // Set the shadow to be offset 4 points right, 3 points down, // dark gray and with a blur radius of 2 points CGSize offset = CGSizeMake(4, 3); CGColorRef color = [[UIColor darkGrayColor] CGColor]; CGContextSetShadowWithColor(context, offset, 2.0, color); // Draw the string [text drawInRect:textRect withFont:font]; }
子视图管理
通过addSubview:方法添加视图,如果子视图不再使用时,记得使用removeFromSuperview方法,断开与父视图或者窗口的连结。
添加手势实例
IOS5.0后,手势识别这块有类可以直接使用,这里给出的官网的新的手势识别实例。点击这里下载代码。
动画调用实例
其中packageInfo需要为UIView类或其子类,使用时要替换为自己的UIView实例名的位置改变。视图切换时的动画,可以查看这里
begin/conmit方法
[UIView beginAnimations:@"View Easy In" context:nil]; [UIView setAnimationDelay:0.2]; [UIView setAnimationDuration:1]; [UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; packageInfo.frame = CGRectMake(0, 180, 200, 260); [UIView commitAnimations];
Block动画方法(推荐使用)
[UIView animateWithDuration:1 delay:0.2 options:UIViewAnimationCurveEaseIn animations:^{packageInfo.frame = CGRectMake(0, 180, 200, 260);} completion:NULL];
大概就写到这里,还有什么其他的,想到了再补充。