【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. @end 

 

项目截图:   



    ok,本章节就介绍到这里,都22点了 - -,回家回家。。咳咳;

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










本文转自 xiaominghimi 51CTO博客,原文链接:http://blog.51cto.com/xiaominghimi/623175,如需转载请自行联系原作者
目录
相关文章
|
iOS开发
iphone绘图的几个基本概念CGPoint、CGSize、CGRect、CGRectMake、window(窗口)、视图(view)
我一般情况下不会使用interface builder去画界面,而是用纯代码去创建界面,不是装B,而是刚从vi转到xcode不久,不太习惯interface builder而已。当然如果需要我也会使用它。
857 0