[?李華明Himi?](http://www.himigame.com/about-himi) 原創,轉載務必在明顯處注明： 轉載自[【黑米GameDev街區】](http://www.himigame.com/)?原文鏈接:? [http://www.himigame.com/iphone-object/401.html](http://www.himigame.com/iphone-object/401.html "[Object-C語言隨筆之四]創建視圖并繪制簡單圖形") 這段時間N忙，沒辦法，創業公司，當然抽時間也仍然再自學ios～OK，基礎的語言基礎，我就不多說了，從今天開始直接寫游戲開發部分了； 聲明一點：iOS游戲開發系列沒有我寫的Android游戲開發系列有權威性，因為我也是在學習中，只是拿出來給大家分享，希望大家不要較真，現在咱們都是一年級新生，咳咳，好啦，不多說了，下面開始進入正題； 繪制一個圖形，首先我們肯定需要一個視圖view，在iOS中是UIView，下面用兩種方式介紹如何在iphone上顯示視圖； 首先創建一個項目：（Window－based Application）  然后新建一個自定義的GameView類，繼承UIView類；  Ok,除了繼承UIVIew，其他什么都不用修改和改動，下面介紹顯示視圖的兩種方式， 第一種方式： 利用Interface Builder工具進行視圖綁定； 雙擊當前項目的，MainWindow.xib，啟動 Interface Builder； 從Library中拖出一個VIew控件至Window中，（調整view填充屏幕即可），然后修改此View關聯剛才創建的GameView的視圖類， 關聯其實就是在“Game View Identity”視圖框中將Class 指向 GameView即可；然后保存；完成！  第二種方式： 直接把定義的UIView添加到Window中； （創建完項目，系統默認生成這兩個類。MyViewTestAppDelegate.h，MyViewTestAppDelegate.m?） 修改 MyViewTestAppDelegate.h類,添加一個我們自定義的視圖類： GameView? * view; 然后修改MyViewTestAppDelegate.m,實例我們自定義的視圖類并且添加到window視圖中； //CGRect drawingArea=[window bounds];? //確定視圖大小，這里默認為整個屏幕大小（除了狀態欄） CGRect?square =?CGRectMake(0,?0,?320,?480);//自定義屏幕大小（除了狀態欄） [window?addSubview:[[GameView?alloc]?initWithFrame:square]];? 到此兩種顯示視圖的方法都介紹完了，其實都是類似，第一種通過可視化操作，讓系統為我們生成視圖添加到window中的代碼關系，第二種則是我們通過代碼直接讓window添加自定義的視圖類的實例而已；當然到此是看不到任何效果的，因為視圖中沒有繪制任何的東西； 下面我們來在我們的視圖GameView中繪制個三角形吧； 其實繪制很容易，只要重寫UIView的 ??-(void) drawRect:(CGRect)rect； 函數即可；至于如何繪制三角形，這里直接提供代碼，很簡單就不再詳細講解了，每行代碼我也有相對應的備注的； GameView.m的完整代碼： ~~~ // // GameView.m // MyViewTest // // Created by Himi on 11-7-25. // Copyright 2011 __MyCompanyName__. All rights reserved. // #import "GameView.h" @implementation GameView -(void) drawRect:(CGRect)rect{ //－－－－－－－以下方式只用UIKIT 提供的畫圖類進行，此方式非常簡單 // CGRect recte = [self bounds];//自定義繪圖區域（大小默認屏幕大小） // [[UIColor greenColor] set];//設置顏色為綠色 // UIRectFill(recte);//填充綠色區域 // CGRect square = CGRectMake(50, 50, 100, 100);//自定義區域 // [[UIColor yellowColor] set];//設置顏色為黃色 // UIRectFill(square);//填充黃色區域 // [[UIColor blackColor] set];//設置黑色 // UIRectFrame(square);//這里不是填充，為黃色區域繪制黑色邊框 //－－－－－－－以下方式只用CG 提供的畫圖類進行，此方式可以繪制復雜的繪制 //填充背景為綠色 [[UIColor greenColor]set]; UIRectFill([self bounds]); //拿到當前視圖準備好的畫板 CGContextRef context = UIGraphicsGetCurrentContext(); //利用path進行繪制三角形 CGContextBeginPath(context);//標記 CGContextMoveToPoint(context, 50, 30);//設置起點 CGContextAddLineToPoint(context, 10, 150); CGContextAddLineToPoint(context, 100, 150); CGContextClosePath(context);//路徑結束標志，不寫默認封閉 [[UIColor yellowColor] setFill]; [[UIColor blackColor] setStroke]; CGContextDrawPath(context, kCGPathFillStroke);//繪制路徑path } @end ~~~ 項目截圖：  ok,本章節就介紹到這里，都22點了 － －，回家回家。。咳咳； 源碼下載地址:?[http://www.himigame.com/iphone-object/401.html](http://www.himigame.com/iphone-object/401.html "[Object-C語言隨筆之四]創建視圖并繪制簡單圖形")