CS193p Lecture 7 - Views, Gestures

Views

如何绘制自定义图像

Gestures

如何处理用户手势操作

Views

1、它是基本的构造块，代表屏幕上一块矩形区域，定义了一个坐标空间，在此空间中可以绘制，可以添加触控事件；

2、它是分层级的，可以在视图中嵌套视图；

3、一个视图只有一个父视图，但可以有多个子视图，视图就是一个个的矩形，可以重叠；

4、UIWindow，所有视图都展示在其中

iOS只有一个UIWindow（不像Mac application）

self.view.window

5、

添加子视图

(void)addSubview:(UIView *)aView;

移除子视图

(void)removeFromSuperview;

6、每个UIViewController都有一个属性

@property (nomatic, strong) UIView *view;

self.view是UIViewController的顶级UIView

当View Controller创建时，这个view就被关联起来了

如图，这个名为view的outlet就关联到View

7、常用的初始化模版

- (void)setup{...}
- (void)awakeFromNib{ [self setup];}
- (void)initWithFrame:(CGRect)aRect{
    self = [super initWithFrame:aRect];
    [self setup];
    return self;
}

－ 初始化的操作在setup方法中定义；

－ 然后首先是要重写指定初始化方法，在其中调用setup；

－ 其次，需要在awakeFromNib中也调用setup，原因是当一个UIView从storyboard中释放时，调用的是awakeFromNib；如果是通过alloc、init...来初始化的话，那么调用的是指定初始化方法initWithFrame；aRect制定了在父视图中的相对位置；

CGFloat

　　浮点数，用来表示图像大小、坐标

CGPoint

　　CGFloat x, y;

CGSize

　　CGFloat width, height;

CGRect

　　CGPoint origin;　　CGSize size;

坐标原点在左上角；

绘制的单位都是点，而不是像素点；

（Retina屏每个点＝2像素点，非Retina屏每个点＝1像素点）

3个与location和size有关的属性

(CGRect) frame：视图在父视图坐标中的位置和大小；

(CGRect) bounds：视图在视图本身坐标中的位置和大小；（位置就是原点（0，0））

(CGPoint) center：视图在父视图坐标中的中心点；

注意：

frame和bounds的差别不仅仅是原点不一样，当view旋转时，要包容视图的矩形变的比原视图要大，所有frame可以这样理解：它是在你的父视图坐标系中包含你的一个矩形；

Create view in XCode

先拖出一个通用视图，然后到标示符检察器（identity inspector），修改它的类；（与创建一个自定义ViewController类似）

Create view in code

alloc & initWithFrame: (CGRect  frame)

或者 alloc & init （等同于 frame 为 CGRectZero，CGRectZero是原点、长、宽都为0）

drawRect : is invoked automaticall, never call it directly!!

drawRect是由系统调用的，用户不要自行调用；

When a view needs to be redrawn,use:
- (void)setNeedsDisplay;

1、Quartz库：Core Graphics

很多C函数，都是以CG开头，以context上下文作为第一参数

2、UIBezierPath类

可以绘制复杂形状组成一个大大路径，然后对其进行描边（stroke）或者填充（fill）

Core Graphics的基本流程

1. Get a context to draw into

2. Create path

3. Set colors, fonts, textures, linewidths, linecaps, etc.

4. Stroke or fill above-created paths

UIBezierPath类封装了上述全部过程

第一步：设置context上下文（相当于一张画布）

如果使用UIBezierPath来绘制，则不需要获取context，系统会自动获取；

若不得已要用CG函数来绘制，获取context的方法：

CGContextRef context = UIGraphicsGetCurrentContext();

举个