[OBJECT-C语言随笔之四]创建视图并绘制简单图形-阿里云开发者社区

[OBJECT-C语言随笔之四]创建视图并绘制简单图形

2016-05-16 2055

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

本站文章均为李华明Himi 原创,转载务必在明显处注明：

转载自【黑米GameDev街区】原文链接: http://www.himigame.com/iphone-object/401.html

这段时间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
       
        3
       
        4
       
        5
       
        6
       
        7
       
        8
       
        9
       
        10
       
        11
       
        12
       
        13
       
        14
       
        15
       
        16
       
        17
       
        18
       
        19
       
        20
       
        21
       
        22
       
        23
       
        24
       
        25
       
        26
       
        27
       
        28
       
        29
       
        30
       
        31
       
        32
       
        33
       
        34
       
        35
       
        36
       
        37
       
        38
       
        39
       
        40
       
        //
       
        //  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点了－－，回家回家。。咳咳；

源码下载: “MyViewTest.zip” 下载地址： http://vdisk.weibo.com/s/hrh9i

[OBJECT-C语言随笔之四]创建视图并绘制简单图形

热门文章

最新文章

相关课程

相关电子书