2011年冬斯坦福大学公开课 iOS应用开发教程学习笔记(第四课) Views 视图

第四课名称： Views 视图

课程开始老师怀念了一会老乔。接着介绍这次的课程分为两部分，一部分是Calculator的Demo，一部分是Views.

课程开始到第四课，其实斯坦福的课程里是有作业的，人家已经做完了第一个作业了，就是完善计算器这个程序，完成一个比较复杂的计算器：



计算器大概要完整这么多的功能，有兴趣的同学可以把这个作业的pdf下载下来自己完成。下载地址：作业1

个人感觉这个计算器比较奇葩的地方是设计了一个Enter键。可能是为了减小程序的难度吧。

Demo的演示包括下面内容：

1、可编程性，添加一些API，作用是返回计算程序！Api要保证程序向上兼容。Brain是操作数和操作符的组合。通过类方法执行这个程序，也就是计算运算结果。

他说的计算程序，就是操作数和操作符的组合，把这个组合里的操作数和操作符弹栈并做相应的计算。

Api向上兼容就是说他没有改变Controller，程序一样能正常运行。

2、演示使用到了id类型、property 、数组的可变和不可变复制、内省、还有递归，一下子关联了这么多知识。

这位老师还强调，希望大家通过课程和作业，熟悉各个集合类的使用，熟悉Founation框架的使用，甚至熟悉和适应Obj-c。

用到id是，要用内省判断来包含id使用时不至于崩溃。

3、里面的描述的api留到作业了，应该就是把计算时的操作数和操作符 组合成字符串，这样Controller就可以把这些操作显示到view上。

4、课程提问讨论下nil判断包含的问题，老师说这是编码艺术的范畴，他喜好更少的代码，在确定不需nil判断时，尽量不要添加。我个人认为还是添加比较好，这样可以增加代码的可读性。这可能和人家大师的区别吧。

演示代码如下：

brain头文件：

[cpp]
view plaincopy

#import <Foundation/Foundation.h>  
  
  
@interface CalculatorBrain : NSObject  
- (void)pushOperand:(double)operand;  
- (double)performOperation:(NSString *)operation;  
@property (readonly) id program;  
  
+ (double)runProgram:(id)program;  
+ (NSString *)descriptionOfProgram:(id)promram;  
@end  

brain的实现文件：

[cpp]
view plaincopy

#import "CalculatorBrain.h"  
  
@interface CalculatorBrain()  
@property (nonatomic, strong) NSMutableArray *programStack;  
@end  
  
@implementation CalculatorBrain  
  
@synthesize programStack = _programStack;  
  
- (NSMutableArray *)programStack  
{  
    if (_programStack == nil) _programStack = [[NSMutableArray alloc] init];  
    return _programStack;  
}  
  
- (id)program  
{  
    return [self.programStack copy];  
}  
  
+ (NSString *)descriptionOfProgram:(id)program  
{  
    return @"Implement this in Homework #2";  
}  
  
- (void)pushOperand:(double)operand  
{  
    [self.programStack addObject:[NSNumber numberWithDouble:operand]];  
}  
  
- (double)performOperation:(NSString *)operation  
{  
    [self.programStack addObject:operation];  
    return [[self class] runProgram:self.program];  
}  
  
+ (double)popOperandOffProgramStack:(NSMutableArray *)stack  
{  
    double result = 0;  
      
    id topOfStack = [stack lastObject];  
    if (topOfStack) [stack removeLastObject];  
      
    if ([topOfStack isKindOfClass:[NSNumber class]])  
    {  
        result = [topOfStack doubleValue];  
    }  
    else if ([topOfStack isKindOfClass:[NSString class]])  
    {  
        NSString *operation = topOfStack;  
        if ([operation isEqualToString:@"+"]) {  
            result = [self popOperandOffProgramStack:stack] +  
            [self popOperandOffProgramStack:stack];  
        } else if ([@"*" isEqualToString:operation]) {  
            result = [self popOperandOffProgramStack:stack] *  
            [self popOperandOffProgramStack:stack];  
        } else if ([operation isEqualToString:@"-"]) {  
            double subtrahend = [self popOperandOffProgramStack:stack];  
            result = [self popOperandOffProgramStack:stack] - subtrahend;  
        } else if ([operation isEqualToString:@"/"]) {  
            double divisor = [self popOperandOffProgramStack:stack];  
            if (divisor) result = [self popOperandOffProgramStack:stack] / divisor;  
        }  
    }  
      
    return result;  
}  
  
+ (double)runProgram:(id)program  
{  
    NSMutableArray *stack;  
    if ([program isKindOfClass:[NSArray class]]) {  
        stack = [program mutableCopy];  
    }  
    return [self popOperandOffProgramStack:stack];  
}  
  
@end  

runProgram方法运行计算程序。

第二部分，Views

view的内容

这个是全新的课程。

1、View是屏幕上一个矩形的空间

2、View处理两件事：画出矩形控件，并处理其中的事件

3、view组织架构：View是层结构的，View只有superView，可以有多个subView。子view的顺序和数组中的位置有关系，数字越大，越显示在后面。

4、UIWindow ,iOS中，UIWindow没有那么重要了。交给view,viewcontroller处理。

views 组织架构

可以在通过工具来管理view的组织架构，也可以通过代码：

-(void)addSubView:(UIView *)aView;

-(void)removeFromSuperview;

需要注意点的是：

通过父view添加子view

通过子view自己移除自己

view的坐标系统

单位：

CGFloat ,是个float数字,在obj-c里就要用这个单位

CGPoint，是个C结构体，CGPoint p = CGPointMake(33.2.22.3); 表示位置。

CGSize, 是个结构体，表示大小。

CGRect :由一个 CGPoint和一个CGSize组成

用来描述view的主要四种类型。

坐标：

左上角是坐标的原点。

不用关心一个的点有都少像素，系统会自动适配。如果有需要获取一个点是多少像素，通过这个属性：@property CGFloat contentScaleFactor。

view有三个属性和它的位置大小有关：

CGRect bounds 自己内部的绘制空间。

下面两个属性是父类用来定位你的view的属性。

CGRect center 

CGRect frame

为什么bounds和frame 不一样呢？因为view是可以伸缩，可以旋转的，看下图：

创建views

继承UIView。

通过alloc  init 创建view .例子：

[cpp]
view plaincopy

CGRect labelRect = CGRectMake(20, 20, 50, 30);  
UILabel *label = [[UILabel alloc] initWithFrame:labelRect];   
label.text = @”Hello!”;  
[self.view addSubview:label];  

每个controller都有一个顶级的view,其他view都放在这个view上。

什么时候需要自定义view呢？当需要特殊的图形，或控制触摸事件的时候

通常不要继承内置的控件。

drawRect

怎么绘图呢？覆盖一个方法：-(void)drawRect:(CGRect)aRect;

红色警告：决不能自己调用drawRect:。系统调用这个方法。如果你需要重绘怎么办？发送这两个消息

[cpp]
view plaincopy

- (void)setNeedsDisplay;  
- (void)setNeedsDisplayInRect:(CGRect)aRect;  

绘制开销很大
如何利用drawRect呢？调用核心图形框架，它是C的接口，不是面向对象的。

Core Graphics framework的基本概念是，你创建一个环境，然后创建一些轨迹，比如直线和弧线，再设置他们都字体颜色样式等并描边或填充到轨迹里。这就是绘图的过程。

绘制图片和文字是主要的，文字和轨迹是一回事，它有很多精细的弧线组成。

绘制图片是赋值二进制码。

context(环境) ，决定了你要在哪绘制。

每次drawRect是的环境都是不一样的，所以不要缓存context。

获取环境的代码：

[cpp]
view plaincopy

CGContextRef context = UIGraphicsGetCurrentContext();  

几乎所有的drawRect都把这个放在第一行。

[cpp]
view plaincopy

CGContextBeginPath(context);  
CGContextMoveToPoint(context, 75, 10);  
CGContextAddLineToPoint(context, 160, 150);  
CGContextAddLineToPoint(context, 10, 150);  
[[UIColor greenColor] setFill];   
[[UIColor redColor] setStroke];  
CGContextDrawPath(context,kCGPathFillStroke); //kCGPathFillStroke is a constant  

上面代码：绘制的过程，先开始一个轨迹，移动轨迹的点，添加线，填充绿色，描边是红色， 颜色不需要指定context，默认就是当前的context。
调用 CGContextDrawpath在屏幕上画出来。

可以定义一个轨迹保存，在其他环境重用。

透明：

[cpp]
view plaincopy

@property CGFloat alpha  
@property BOOL opaque  

alpha  1，不透明， 0透明。

[cpp]
view plaincopy

@property (nonatomic) BOOL hidden;  

隐藏view。

画文字

用UILabel
用UIFont设置字体 大小

[cpp]
view plaincopy

UIFont *myFont = [UIFont systemFontOfSize:12.0];  
UIFont *theFont = [UIFont fontWithName:@“Helvetica” size:36.0];  
NSArray *availableFonts = [UIFont familyNames];  

最后一个获取可用的字体。
用NSString 来画文字

[cpp]
view plaincopy

NSString *text = ...;  
[text drawAtPoint:(CGPoint)p withFont:theFont]; // NSString instance method  

因为UIKit，所以NSString也能实现UI上的功能，用了categories .

画图像

UIImageView 
通过下面的方式后去图像：
xcode

[cpp]
view plaincopy

UIImage *image = [UIImage imageNamed:@“foo.jpg”];  

二进制，网络

[cpp]
view plaincopy

UIImage *image = [[UIImage alloc] initWithContentsOfFile:(NSString *)fullPath];  
UIImage *image = [[UIImage alloc] initWithData:(NSData *)imageData];  

通过CGContext函数

[cpp]
view plaincopy

UIGraphicsBeginImageContext(CGSize);  
// draw with CGContext functions  
UIImage *myImage = UIGraphicsGetImageFromCurrentContext();  
UIGraphicsEndImageContext();  

在环境里画出来

[cpp]
view plaincopy

[image drawAtPoint:(CGPoint)p];  
[image drawInRect:(CGRect)r];  
[image drawAsPatternInRect:(CGRect)patRect;  

drawAtPoint 会按原大小画出来
drawInRect会缩放。
drawAsPatternInRect会重复绘制来甜蜜指定的区域。

下节课预告。会讲到源码控制，协议，自定义的UIView ViewController的生命周期。还有storyboard的讲解。对应两个平台的storyboard的使用。

容芳志 (http://blog.csdn.net/totogo2010)

本文遵循“署名-非商业用途-保持一致”创作公用协议