1. 程式人生 > >斯坦福大學公開課 iOS應用開發教程學習筆記(第四課) Views 檢視

斯坦福大學公開課 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標頭檔案:

  1. #import <Foundation/Foundation.h>
  2. @interface CalculatorBrain : NSObject  
  3. - (void)pushOperand:(double)operand;  
  4. - (double)performOperation:(NSString *)operation;  
  5. @property (readonly) id program;  
  6. + (double)runProgram:(id)program;  
  7. + (NSString *)descriptionOfProgram:(id)promram;  
  8. @end  
brain的實現檔案:
  1. #import "CalculatorBrain.h"
  2. @interface CalculatorBrain()  
  3. @property (nonatomic, strong) NSMutableArray *programStack;  
  4. @end  
  5. @implementation CalculatorBrain  
  6. @synthesize programStack = _programStack;  
  7. - (NSMutableArray *)programStack  
  8. {  
  9.     if (_programStack == nil) _programStack = [[NSMutableArray alloc] init];  
  10.     return _programStack;  
  11. }  
  12. - (id)program  
  13. {  
  14.     return [self.programStack copy];  
  15. }  
  16. + (NSString *)descriptionOfProgram:(id)program  
  17. {  
  18.     return @"Implement this in Homework #2";  
  19. }  
  20. - (void)pushOperand:(double)operand  
  21. {  
  22.     [self.programStack addObject:[NSNumber numberWithDouble:operand]];  
  23. }  
  24. - (double)performOperation:(NSString *)operation  
  25. {  
  26.     [self.programStack addObject:operation];  
  27.     return [[self class] runProgram:self.program];  
  28. }  
  29. + (double)popOperandOffProgramStack:(NSMutableArray *)stack  
  30. {  
  31.     double result = 0;  
  32.     id topOfStack = [stack lastObject];  
  33.     if (topOfStack) [stack removeLastObject];  
  34.     if ([topOfStack isKindOfClass:[NSNumber class]])  
  35.     {  
  36.         result = [topOfStack doubleValue];  
  37.     }  
  38.     elseif ([topOfStack isKindOfClass:[NSString class]])  
  39.     {  
  40.         NSString *operation = topOfStack;  
  41.         if ([operation isEqualToString:@"+"]) {  
  42.             result = [self popOperandOffProgramStack:stack] +  
  43.             [self popOperandOffProgramStack:stack];  
  44.         } elseif ([@"*" isEqualToString:operation]) {  
  45.             result = [self popOperandOffProgramStack:stack] *  
  46.             [self popOperandOffProgramStack:stack];  
  47.         } elseif ([operation isEqualToString:@"-"]) {  
  48.             double subtrahend = [self popOperandOffProgramStack:stack];  
  49.             result = [self popOperandOffProgramStack:stack] - subtrahend;  
  50.         } elseif ([operation isEqualToString:@"/"]) {  
  51.             double divisor = [self popOperandOffProgramStack:stack];  
  52.             if (divisor) result = [self popOperandOffProgramStack:stack] / divisor;  
  53.         }  
  54.     }  
  55.     return result;  
  56. }  
  57. + (double)runProgram:(id)program  
  58. {  
  59.     NSMutableArray *stack;  
  60.     if ([program isKindOfClass:[NSArray class]]) {  
  61.         stack = [program mutableCopy];  
  62.     }  
  63.     return [self popOperandOffProgramStack:stack];  
  64. }  
  65. @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 .例子:

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

每個controller都有一個頂級的view,其他view都放在這個view上。

什麼時候需要自定義view呢?當需要特殊的圖形,或控制觸控事件的時候

通常不要繼承內建的控制元件。

drawRect

怎麼繪圖呢?覆蓋一個方法:-(void)drawRect:(CGRect)aRect;

紅色警告:決不能自己呼叫drawRect:。系統呼叫這個方法。如果你需要重繪怎麼辦?傳送這兩個訊息

  1. - (void)setNeedsDisplay;  
  2. - (void)setNeedsDisplayInRect:(CGRect)aRect;  
繪製開銷很大

如何利用drawRect呢?呼叫核心圖形框架,它是C的介面,不是面向物件的。

Core Graphics framework的基本概念是,你建立一個環境,然後建立一些軌跡,比如直線和弧線,再設定他們都字型顏色樣式等並描邊或填充到軌跡裡。這就是繪圖的過程。

繪製圖片和文字是主要的,文字和軌跡是一回事,它有很多精細的弧線組成。

繪製圖片是賦值二進位制碼。

context(環境) ,決定了你要在哪繪製。

每次drawRect是的環境都是不一樣的,所以不要快取context。

獲取環境的程式碼:

  1. CGContextRef context = UIGraphicsGetCurrentContext();  

幾乎所有的drawRect都把這個放在第一行。
  1. CGContextBeginPath(context);  
  2. CGContextMoveToPoint(context, 75, 10);  
  3. CGContextAddLineToPoint(context, 160, 150);  
  4. CGContextAddLineToPoint(context, 10, 150);  
  5. [[UIColor greenColor] setFill];   
  6. [[UIColor redColor] setStroke];  
  7. CGContextDrawPath(context,kCGPathFillStroke); //kCGPathFillStroke is a constant
上面程式碼:繪製的過程,先開始一個軌跡,移動軌跡的點,新增線,填充綠色,描邊是紅色, 顏色不需要指定context,預設就是當前的context。

呼叫 CGContextDrawpath在螢幕上畫出來。

可以定義一個軌跡儲存,在其他環境重用。
透明:

  1. @property CGFloat alpha  
  2. @property BOOL opaque  
alpha  1,不透明, 0透明。
  1. @property (nonatomic) BOOL hidden;  
隱藏view。

畫文字

用UILabel 用UIFont設定字型 大小
  1. UIFont *myFont = [UIFont systemFontOfSize:12.0];  
  2. UIFont *theFont = [UIFont fontWithName:@“Helvetica” size:36.0];  
  3. NSArray *availableFonts = [UIFont familyNames];  
最後一個獲取可用的字型。 用NSString 來畫文字
  1. NSString *text = ...;  
  2. [text drawAtPoint:(CGPoint)p withFont:theFont]; // NSString instance method
因為UIKit,所以NSString也能實現UI上的功能,用了categories .

畫影象

UIImageView  通過下面的方式後去影象: xcode
  1. UIImage *image = [UIImage imageNamed:@“foo.jpg”];  
二進位制,網路
  1. UIImage *image = [[UIImage alloc] initWithContentsOfFile:(NSString *)fullPath];  
  2. UIImage *image = [[UIImage alloc] initWithData:(NSData *)imageData];  
通過CGContext函式
  1. UIGraphicsBeginImageContext(CGSize);  
  2. // draw with CGContext functions
  3. UIImage *myImage = UIGraphicsGetImageFromCurrentContext();  
  4. UIGraphicsEndImageContext();  
在環境裡畫出來
  1. [image drawAtPoint:(CGPoint)p];  
  2. [image drawInRect:(CGRect)r];  
  3. [image drawAsPatternInRect:(CGRect)patRect;  
drawAtPoint 會按原大小畫出來 drawInRect會縮放。 drawAsPatternInRect會重複繪製來甜蜜指定的區域。 下節課預告。會講到原始碼控制,協議,自定義的UIView ViewController的生命週期。還有storyboard的講解。對應兩個平臺的storyboard的使用。

原文地址:http://blog.csdn.net/totogo2010/article/details/8220943