詳解iOS開發之自訂View

標籤：

iOS開發之自訂View是本文要將介紹的內容，iOS SDK中的View是UIView，我們可以很方便的自訂一個View。建立一個 Window-based Application程式，在其中添加一個Hypnosister的類，這個類選擇繼承UIObject。修改這個類，使他繼承：UIView

1. @interface HypnosisView : UIView 

自訂View的關鍵是定義drawRect: 方法，因為主要是通過重載這個方法，來改變view的外觀。例如，可以使用下面代碼繪製一個很多環中環的效果的view。

1. View Code   
2. - (void)drawRect:(CGRect)rect   
3. {      
4. // What rectangle am I filling?    CGRect bounds = [self bounds];      
5. // Where is its center?    CGPoint center;      
6. center.x = bounds.origin.x + bounds.size.width / 2.0;      
7. center.y = bounds.origin.y + bounds.size.height / 2.0;      
8. // From the center how far out to a corner?    float maxRadius = hypot(bounds.size.width, bounds.size.height) / 2.0;      
9. // Get the context being drawn upon    CGContextRef context = UIGraphicsGetCurrentContext();      
10. // All lines will be drawn 10 points wide    CGContextSetLineWidth(context, 10);      
11. // Set the stroke color to light gray    [[UIColor lightGrayColor] setStroke];      
12. // Draw concentric circles from the outside in    for (float currentRadius = maxRadius; currentRadius > 0;   
13. currentRadius -= 20)    {          
14. CGContextAddArc(context, center.x, center.y,                          
15.                           currentRadius, 0.0, M_PI * 2.0, YES);         
16.  CGContextStrokePath(context);      
17. }  
18. } 

這樣view的效果如：

我們可以繼續繪製一些東西，比如繪製文字，將下面代碼添加帶這個方法後面。

1. // Create a string    NSString *text = @"我是朱祁林，不是朱麒麟";  
2.     // Get a font to draw it in    UIFont *font = [UIFont boldSystemFontOfSize:28];  
3.     // Where am I going to draw it?    CGRect textRect;   
4.     textRect.size = [text sizeWithFont:font];  
5.    textRect.origin.x = center.x - textRect.size.width / 2.0;  
6.     textRect.origin.y = center.y - textRect.size.height / 2.0;      
7. // Set the fill color of the current context to black     [[UIColor blackColor] setFill];      
8. // Set the shadow to be offset 4 points right, 3 points down,       
9. // dark gray and with a blur radius of 2 points     CGSize offset = CGSizeMake(4, 3);      
10. CGColorRef color = [[UIColor darkGrayColor] CGColor];      
11. CGContextSetShadowWithColor(context, offset, 2.0, color);      
12. // Draw the string    [text drawInRect:textRect     
13.                                withFont:font]; 

效果：

如果view過大，我們可以把它放置到一個UIScrollView中間，這樣就可以進行拖動了。UIScrollView與View的關係如：

使用下面代碼建立一個比iPhone螢幕大4倍的View，然後通過UIScrollView來展示，代碼如下：

1. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions  
2. {   
3.        //建立一個表單大小的CGRect     
4.         CGRect wholeWindow = [[self window] bounds];          
5.         // 建立一個表單大小的HypnosisView執行個體      
6.         view = [[HypnosisView alloc] initWithFrame:wholeWindow];          
7.         UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:wholeWindow];      
8.         [[self window] addSubview:scrollView];      
9.         // Make your view twice as large as the window    CGRect reallyBigRect;      
10.         reallyBigRect.origin = CGPointZero;      
11.         reallyBigRect.size.width = wholeWindow.size.width * 2.0;     
12.          reallyBigRect.size.height = wholeWindow.size.height * 2.0;      
13.          [scrollView setContentSize:reallyBigRect.size];      
14.          CGPoint offset;      
15.          offset.x = wholeWindow.size.width * 0.5;      
16.          offset.y = wholeWindow.size.height * 0.5;      
17.          [scrollView setContentOffset:offset];          
18.          // Create the view    view = [[HypnosisView alloc] initWithFrame:reallyBigRect];     
19.           [view setBackgroundColor:[UIColor clearColor]];      
20.           [scrollView addSubview:view];      
21.           [scrollView release];          
22.           [[UIApplication sharedApplication] setStatusBarHidden:YES  
23.                                        withAnimation:UIStatusBarAnimationFade];      
24.           [[self window] makeKeyAndVisible];      
25.   return YES;  
26. } 

這樣我們就可以拖動來展示看不到的view了，如：

通過UIScrollView我們還可以設定view的縮放功能，將下面代碼添加到中。這樣我們就可以使用兩根手指縮放view了。

1. // Enable zooming      
2. [scrollView setMinimumZoomScale:0.5];      
3. [scrollView setMaximumZoomScale:5];     
4.  [scrollView setDelegate:self]; 

小結：詳解iOS開發之自訂View的內容介紹完了，簡單的總結了一下自訂view的使用，希望本文對你有所協助！本文為了方便友們更好的去學IOS開發中的View，提供代碼下載，地址為：http://files.cnblogs.com/zhuqil/Hypnosister.zip 。

詳解iOS開發之自訂View