有關UIView、subview的幾個基礎知識點-IOS開發（實例）

2019-11-14 19:52:15

字體：大中小

來源：轉載

供稿：網友

環境是xcode4.3

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

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

1. CGPoint

C代碼

/* Points. */
struct CGPoint {
CGFloat x;
CGFloat y;
};
typedef struct CGPoint CGPoint;

/* Points. */    struct CGPoint {    CGFloat x;    CGFloat y;  };  typedef struct CGPoint CGPoint;

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

2. CGSize

C代碼

/* Sizes. */
struct CGSize {
CGFloat width;
CGFloat height;
};
typedef struct CGSize CGSize;

/* Sizes. */    struct CGSize {    CGFloat width;    CGFloat height;  };  typedef struct CGSize CGSize;

不解釋。

3.CGRect

C代碼

/* Rectangles. */
struct CGRect {
CGPoint origin;//偏移是相對父窗口的
CGSize size;
};
typedef struct CGRect CGRect;

/* Rectangles. */    struct CGRect {    CGPoint origin;//偏移是相對父窗口的    CGSize size;  };  typedef struct CGRect CGRect;

同樣不解釋。

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

二）幾個方法

1.CGRectMake

C代碼

CG_INLINE CGRect
CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
CGRect rect;
rect.origin.x = x; rect.origin.y = y;
rect.size.width = width; rect.size.height = height;
return rect;
}

CG_INLINE CGRect  CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height)  {    CGRect rect;    rect.origin.x = x; rect.origin.y = y;    rect.size.width = width; rect.size.height = height;    return rect;  }

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

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

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

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

C代碼

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

CGrect screenBounds = [ [UIScreen mainScreen]bounds];//返回的是帶有狀態欄的Rect  CGRect viewBounds = [ [UIScreen mainScreen]applicationFrame];//不包含狀態欄的Rect  //screenBounds 與 viewBounds 均是相對于設備屏幕來說的  //所以 screenBounds.origin.x== 0.0 ;   screenBounds.oringin.y = 0.0;     screenBounds.size.width == 320;  screenBounds.size.height == 480(或者其他分辨率有所差異)  //所以 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里面。下面我們先學習一些基礎的東西，其他的東東會在以后慢慢展開。

C代碼

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

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

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

UIWindow

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

看一下系統的初始化過程（在application didFinishLauchingWithOptions里面）：

C代碼

self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
self.window.backgroundColor = [UIColor grayColor];//給window設置一個背景色
[self.window makeKeyAndVisible];//讓window顯示出來

self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];  self.window.backgroundColor = [UIColor grayColor];//給window設置一個背景色  [self.window makeKeyAndVisible];//讓window顯示出來

實戰演練：

沒結束我會用一個綜合的例子來總結我的學習成果，徹底理解所學，我覺得既然選擇寫代碼，就要理解原理，否則只知其然不知其所以然是不能做一個好的程序員的。

1）新建一個工程選擇Empty Application 名字為LW1 2)在application didFinishLaunchingWithOptions里面，你會發現系統已經建好一個畫框了，我們現在就用系統幫我們建好的畫框，你當然也可以自己建一個畫框，不過沒這個必要了，忘了講了，一個應用程序只能有一個畫框。

C代碼

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
CGRect bound = [[UIScreen mainScreen]bounds];
NSLog(@"boundwith:%f boundheight:%f",bound.size.width,bound.size.height);
NSLog(@"boundx:%f boundy:%f",bound.origin.x,bound.origin.y);
CGRect appBound = [[UIScreen mainScreen]applicationFrame];
NSLog(@"appBoundwith:%f boundheight:%f",appBound.size.width,appBound.size.height);
NSLog(@"appBoundx:%f boundy:%f",appBound.origin.x,appBound.origin.y);
//畫第一塊畫布然涂成藍色，大小是320 X 100
CGRect CGone = CGRectMake(0.0, 0.0, 320, 100);//畫個矩形，初始化位置與大小
UIView *v_one = [[UIView alloc]initWithFrame:CGone];//初始化view
v_one.backgroundColor = [UIColor blueColor];// 涂成藍色
[self.window addSubview:v_one];//直接加到畫框上
//第二塊注意它的位置
CGRect CGtwo = CGRectMake(0.0, 100, 160, 100);//畫個矩形、初始化位置與大小
UIView *v_two = [[UIView alloc]initWithFrame:CGtwo];//初始化view
v_two.backgroundColor = [UIColor redColor];//涂成紅色
[self.window addSubview:v_two];//疊加到畫框
//第三塊注意他的位置
CGRect CGthree = CGRectMake(160, 100, 160, 100);//
UIView *v_three = [[UIView alloc]initWithFrame:CGthree];//
v_three.backgroundColor = [UIColor greenColor];//
[self.window addSubview:v_three];//
//第四塊注意它的位置
CGRect CGfour = CGRectMake(0.0, 260, 320, 200);//
UIView *v_four = [[UIView alloc]initWithFrame:CGfour];//
v_four.backgroundColor = [UIColor orangeColor];//
[self.window addSubview:v_four];//
//第五塊，計算一下它的位置，看看它的效果，
//你可以讓試一下把這段代碼移到第一快初始化的上面試試，會有意想不到的效果
CGRect CGfive = CGRectMake(100, 150, 160, 200);
UIView *v_five = [[UIView alloc]initWithFrame:CGfive];
v_five.backgroundColor = [UIColor yellowColor];
[self.window addSubview:v_five];
self.window.backgroundColor = [UIColor grayColor];//
[self.window makeKeyAndVisible];//
//最后記得release
v_one = nil;
v_two = nil;
v_three = nil;
v_four = nil;
v_five = nil;
return YES;
//self.window.backgroundColor = [UIColor whiteColor];
//[self.window makeKeyAndVisible];
//return YES;
}

取得畫面工作區域的大小

iOS 可以在很多 Apple 的裝置上執行，然而每個裝置所提供的工作區域大小 Application Frame 也不盡香同，下面提供一個簡單的方法，幫助你可以快速找出目前工作區域的畫面的大小，程式碼如下。

首先是狀態列 Status Bar 的部份。

C代碼

//取得StatusBar的位置和大小
[self.view addSubview:theToolbar];
CGRect statusBarRect = [[UIApplication sharedApplication]statusBarFrame];
NSLog(@/"%@/", NSStringFromCGRect(statusBarRect));

 //取得StatusBar的位置和大小 [self.view addSubview:theToolbar]; CGRect statusBarRect = [[UIApplication sharedApplication]statusBarFrame]; NSLog(@/"%@/", NSStringFromCGRect(statusBarRect));

再來是可工作區域的大小，如果你的應用程式包含狀態列，那么可工作區域的大小就會是整個畫面的減去狀態列所剩下的區域。

C代碼

//取得工作區域的位置和大小
CGRect workSpaceRect = [[UIScreen mainScreen]applicationFrame];
NSLog(@/"%@/", NSStringFromCGRect(workSpaceRect));

 //取得工作區域的位置和大小 CGRect workSpaceRect = [[UIScreen mainScreen]applicationFrame]; NSLog(@/"%@/", NSStringFromCGRect(workSpaceRect));

最后就是整個畫面的大小。

C代碼

//取得整個畫面的位置和大小
CGRect windowRect = [[UIScreen mainScreen]bounds];
NSLog(@/"%@/", NSStringFromCGRect(windowRect));

 //取得整個畫面的位置和大小 CGRect windowRect = [[UIScreen mainScreen]bounds]; NSLog(@/"%@/", NSStringFromCGRect(windowRect));

上述程式碼皆是將取得的大小范圍資訊儲存在 CGRect 型態的變數中，再將此變數以字串的方式顯示出來。

一些 UIView 中管理 Subview 常用的方法

一個 UIView 里面可以包含許多的 Subview（其他的 UIView），而這些 Subview 彼此之間是有所謂的階層關系，這有點類似繪圖軟體中圖層的概念，下面程式碼示演示了幾個在管理圖層（Subview）上常用的方法，其程式碼如下。

首先是大家最常使用的新增和移除 Subview。

C代碼

//將Subview從當前的UIView中移除
[Subview removeFromSuperview];
//替UIView增加一個Subview
[UIView addSubview:Subview];

 //將Subview從當前的UIView中移除 [Subview removeFromSuperview]; //替UIView增加一個Subview [UIView addSubview:Subview];

在 UIView 中將 Subview 往前或是往后移動一個圖層，往前移動會覆蓋住較后層的 Subview，而往后移動則會被較上層的 Subview 所覆蓋。

C代碼

//將Subview往前移動一個圖層（與它的前一個圖層對調位置）
[UIView bringSubviewToFront:Subview];
//將Subview往后移動一個圖層（與它的后一個圖層對調位置）
[UIView sendSubviewToBack:Subview];

 //將Subview往前移動一個圖層（與它的前一個圖層對調位置） [UIView bringSubviewToFront:Subview]; //將Subview往后移動一個圖層（與它的后一個圖層對調位置） [UIView sendSubviewToBack:Subview];

在 UIView 中使用索引 Index 交換兩的 Subview 彼此的圖層層級。

C代碼

//交換兩個圖層
[UIView exchangeSubviewAtIndex:indexA withSubviewAtIndex:indexB];

 //交換兩個圖層 [UIView exchangeSubviewAtIndex:indexA withSubviewAtIndex:indexB];

使用 Subview 的變數名稱取得它在 UIView 中的索引值（Index ）。

C代碼

//取得Index
NSInteger index = [[UIView subviews] indexOfObject:Subview名稱];

 //取得Index NSInteger index = [[UIView subviews] indexOfObject:Subview名稱];

替 Subview 加上 NSInteger 的註記（Tag），好讓之后它們分辨彼此。

C代碼

//加上註記
[Subview setTag:NSInteger];

 //加上註記 [Subview setTag:NSInteger];

最后是取得 UIView 中所有的 Subview，呼叫此方法會傳回一個 NSArray，并以由后往前的順序列出這些 Subview，下圖中是列出范例圖片里 Root 中所有的 Subview。

C代碼

//取的UIView下的所有Subview
[UIView subviews]

 //取的UIView下的所有Subview [UIView subviews]

上一篇：實現彈出收回菜單效果ios源碼

下一篇：兼容sdk7&iOS7的issue解決小片段總結

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

有關UIView、subview的幾個基礎知識點-IOS開發（實例）