【Iphone 游戏开发之一】创建视图并绘制简单图形

这段时间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的完整代码：

 

1. // 
2. //  GameView.m 
3. //  MyViewTest 
4. // 
5. //  Created by Himi on 11-7-25. 
6. //  Copyright 2011 __MyCompanyName__. All rights reserved. 
7. // 
8.  
9. #import "GameView.h" 
10.  
11.  
12. @implementation GameView 
13. -(void) drawRect:(CGRect)rect{ 
14.     //－－－－－－－以下方式只用UIKIT 提供的画图类进行，此方式非常简单 
15.     //  CGRect recte = [self bounds];//自定义绘图区域（大小默认屏幕大小） 
16.     //  [[UIColor greenColor] set];//设置颜色为绿色 
17.     //  UIRectFill(recte);//填充绿色区域 
18.     //  CGRect square = CGRectMake(50, 50, 100, 100);//自定义区域 
19.     //  [[UIColor yellowColor] set];//设置颜色为黄色 
20.     //  UIRectFill(square);//填充黄色区域 
21.     //  [[UIColor blackColor] set];//设置黑色 
22.     //  UIRectFrame(square);//这里不是填充，为黄色区域绘制黑色边框 
23.      
24.     //－－－－－－－以下方式只用CG 提供的画图类进行，此方式可以绘制复杂的绘制 
25.     //填充背景为绿色 
26.     [[UIColor greenColor]set]; 
27.     UIRectFill([self bounds]); 
28.     //拿到当前视图准备好的画板 
29.     CGContextRef context = UIGraphicsGetCurrentContext(); 
30.     //利用path进行绘制三角形 
31.     CGContextBeginPath(context);//标记 
32.     CGContextMoveToPoint(context, 50, 30);//设置起点 
33.     CGContextAddLineToPoint(context, 10, 150); 
34.     CGContextAddLineToPoint(context, 100, 150);  
35.     CGContextClosePath(context);//路径结束标志，不写默认封闭 
36.     [[UIColor yellowColor] setFill]; 
37.     [[UIColor blackColor] setStroke]; 
38.     CGContextDrawPath(context, kCGPathFillStroke);//绘制路径path     
39. } 
40.  
41. @end 

项目截图：   

    ok,本章节就介绍到这里，都22点了 － －，回家回家。。咳咳；

    源码地址 :  http://www.himigame.com/iphone-object/401.html