閱讀229 返回首頁    go 阿裏雲 go 技術社區[雲棲]

iphone繪圖的幾個基本概念CGPoint、CGSize、CGRect、CGRectMake、window（窗口）、視圖（view）

我一般情況下不會使用interface builder去畫界麵，而是用純代碼去創建界麵，不是裝B，而是剛從vi轉到xcode不久，不太習慣interface builder而已。當然如果需要我也會使用它。一個東西的存在沒有絕對的好與壞，隻是存在時間與空間決定了它的價值。

(忘了講了，我的環境是xcode4.2)

首先要弄懂幾個基本的概念。

 

一）三個結構體：CGPoint、CGSize、CGRect

1.  CGPoint

 

[plain] view plaincopy
 
  1. /* Points. */  
  2.   
  3. struct CGPoint {  
  4.   CGFloat x;  
  5.   CGFloat y;  
  6. };  
  7. typedef struct CGPoint CGPoint;  

看到這個想必你已經懂了，不再解釋。

 

 

2.  CGSize

 

 

[plain] view plaincopy
 
  1. /* Sizes. */  
  2.   
  3. struct CGSize {  
  4.   CGFloat width;  
  5.   CGFloat height;  
  6. };  
  7. typedef struct CGSize CGSize;  

不解釋。

 

3.CGRect

 

[plain] view plaincopy
 
  1. /* Rectangles. */  
  2.   
  3. struct CGRect {  
  4.   CGPoint origin;//偏移是相對父窗口的  
  5.   CGSize size;  
  6. };  
  7. typedef struct CGRect CGRect;  

同樣 不解釋。

 

這三個結構體均在一個頭文件裏：CGGeometry.h

二）幾個方法

1.CGRectMake

 

[plain] view plaincopy
 
  1. CG_INLINE CGRect  
  2. CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height)  
  3. {  
  4.   CGRect rect;  
  5.   rect.origin.x = x; rect.origin.y = y;  
  6.   rect.size.width = width; rect.size.height = height;  
  7.   return rect;  
  8. }  

沒錯，這個方法就是make一個rect，定好origin（起點，左上角），寬與高，就可以畫出一個位置與大小確定的rect（矩形）這個函數被聲明為內聯函數，一是因為它比較小，二是因為在畫界麵時我們要求一定的效率。這個函數還是藏在剛剛那個頭文件裏麵：CGGeometry.h

 

三）幾個基本界麵元素：window（窗口）、視圖（view）

要在屏幕上顯示內容首先要創建一個窗口承載內容，要創建一個窗口，需要一個邊框（frame），含有邊框信息的底層 結構就CGRect。每個能夠在屏幕上顯示自己的對象都有一個邊框，定義了他的顯示區域，不過許多高層的視圖類會自動計算這一信息。其他的那些類則在視圖初始化時通過一個initWithFrame的初始化方法來設置。

再來認識一個類：UIScreen。UIScreen類代表了屏幕，通過這個類我們可以獲取一些想要的東東。

 

[plain] view plaincopy
 
  1. CGrect screenBounds = [ [UIScreen mainScreen]bounds];//返回的是帶有狀態欄的Rect  
  2. CGRect viewBounds = [ [UIScreen mainScreen]applicationFrame];//不包含狀態欄的Rect  
  3. //screenBounds 與 viewBounds 均是相對於設備屏幕來說的  
  4. //所以 screenBounds.origin.x== 0.0 ;   screenBounds.oringin.y = 0.0;   screenBounds.size.width == 320;  screenBounds.size.height == 480(或者其他分辨率有所差異)  
  5. //所以 screenBounds.origin.x== 0.0 ;   screenBounds.oringin.y = 20.0;(因為狀態欄的高度是20像素)   screenBounds.size.width == 320;  screenBounds.size.height == 480  

 

UIView

下麵來認識一下UIView類，這個類繼承自UIResponder,看這個名字我們就知道它是負責顯示的畫布，如果說把window比作畫框的話。我們就是不斷地在畫框上移除、更換或者疊加畫布，或者在畫布上疊加其他畫布，大小當然 由繪畫者來決定了。有了畫布，我們就可以在上麵任意施為了。很多簡單的東西我會把庫裏麵的內容貼出來，如果東西太多貼出來就不太好，朋友們自己去庫文件裏麵看吧。這個類在UIView.h裏麵。下麵我們先學習一些基礎的東西，其他的東東會在以後慢慢展開。

 

[plain] view plaincopy
 
  1.  

  1. UIView* myView =[[ UIView alloc]initWithFrame:CGRectMake(0.0,0.0,200.0,400.0)];//這裏創建了一塊畫布，定義了相對於父窗口的位置， 以及大小。  

我們可以把這塊畫布加到其他畫布上，具體方法後麵會講到。我們還可以在這塊畫布上畫上其它好玩的東東，具體情形後麵會一一講解。

 

 

UIWindow

UIWindow繼承自UIView，關於這一點可能有點邏輯障礙，畫框怎麼繼承自畫布呢？不要過於去專牛角尖，畫框的形狀不就是跟畫布一樣嗎？拿一塊畫布然後用一些方法把它加強，是不是可以當一個畫框用呢？這也是為什麼 一個view可以直接加到另一個view上去的原因了。

看一下係統的初始化過程（在application didFinishLauchingWithOptions裏麵）：

 

[plain] view plaincopy
 
  1. self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];  
  2. self.window.backgroundColor = [UIColor grayColor];//給window設置一個背景色  
  3.  

最後更新：2017-04-04 07:03:38

  上一篇：go IOS開發中的CGFloat、CGPoint、CGSize和CGRect
  下一篇：go 【設計模式】【策略模式 打折算法】