Symbian游戏编程入门 (四)

Posted on 2010-05-21 15:30 Learn 阅读(43) 评论(0)  编辑 收藏 引用
 

Symbian游戏编程入门 (四)图形显示 

4.1 Window, Graphics ContextGraphics Device

4.1.1 Window

Symbian OS 中,所有的绘图都是在窗口中进行的,窗口是与系统进行交互的基本单位。我们在进行绘图前,首先要声明一个窗口:

CreateWindowL();

然后通过SetRect()来设置窗口的大小。

SetRect(aRect);

之后我们就可以进行绘图工作了。

4.1.2 Graphics Context

Symbian 系统中,所有的绘图工作都是通过Graphics Context完成的。其中包括绘制点、绘制矩形和绘制文本等。所有的Graphics Context都由CGraphicsContent类派生。

CGraphicsContent类包括的特性有:

画笔(Pen):表示当前Graphics Context所有要绘制的线的绘图模式,包括颜色、宽度、样式等,可以通过SetPenColor(), SetPenSize(), SetPenStyle()等方法进行设置。

刷子(Brush):表示当前Graphics Context用以填充的绘图模式,包括填充颜色,样式、背景色等,可通过SetBrushColor(), SetBrushOrigin(), SetBrushStyle(),UseBrushPattern(), DiscardBrushPattern()等方法进行设置。

字体(Font):表示Graphics Contex当前所使用绘制文本的字体,使用UseFont(),DiscardFont()方法来设置或取消字体。

位置(Position):表示Graphics Contex的当前位置。可以通过MoveBy(), MoveTo()等方法来改变当前位置。

原点 (Origin):定义了相对于设备的原点的偏移量,默认值为(0,0),可以通过SetOrigin()来改变。

剪辑(Clipping):定义了需要进行裁切的区域,通过SetClippingRect(),CancelClippingRect()方法进行设置或取消裁切区域。

4.1.3 Graphics Device

Symbian系统中,我们通过CGraphicsDevice实现Graphics Device,他指定了我们要操作的具体设备类的接口。

4.2 基本绘图函数的使用

设置好CGraphicsContent后,我们就可以通过调用相关方法在窗口中绘制图形。

4.2.1文本:

void DrawText(const TDesC& aText,const TPoint& aPosition)

void DrawText(const TDesC& aText,const TRect& aBox,TInt aBaselineOffset, TTextAlign aAlignment=ELeft,TInt aLeftMargin=0)

其中第一个直接在窗口中绘制文本,其中aText给出来要绘制的文本内容,aPosition制定了要绘制文本的起始位置。

第二个在绘制文本的同时,还要以给定的aBox绘制一个矩形外框。aAlignment参数指定了文本的对齐方向,默认为左对齐;aLeftMargin指定了间隔距离,默认值为0。

由于Symbian系统的内存受限制,所以,没有使用的字体系统是不会调入内存的,因此我们在绘制文本前,应该首先使用UseFont()设置系统的字体:

void UseFont(const CFont* aFont)

这样系统会将字体调入内存中。

在我们不使用这个字体以后,为了节省内存,要使用DiscardFont()释放掉内存中的字体。

void DiscardFont()

4.2.2点:

我们通过Plot()来绘制一个单独的点。点的绘制模式与当前的画笔(Pen)设置相同。void Plot(const TPoint& aPoint)

当画笔的宽度大于一个像素的时候,系统会以aPoint为圆心,画笔的宽度为直径绘制一个圆,并用画笔的颜色填充这个圆。

4.2.3线:

绘制直线的方法有DrawLine()、 DrawLineBy()、 DrawLineTo()和DrawPolyLine()、DrawArc(),绘制模式与当前的画笔(Pen)设置相同。

void DrawLine(const TPoint& aPoint1,const TPoint& aPoint2)

DrawLine()在aPoint1和aPonit2之间绘制一条直线。

void DrawLineTo(const TPoint& aPoint)

DrawLineTo()从当前点向aPoint绘制一条直线。

void DrawLineBy(const TPoint& aVector)

DrawLineBy()从当前点向相对当前点位置为aVector的点绘制一条直线。

void DrawPolyLine(const CArrayFix<TPoint>* aPointList)

DrawPolyLine()根据给定的位置数组从第一个点开始向第二个点绘制直线,然后以第二个点为起始点向第三个点绘制直线。。。。。。直到最后一个点。

在这里需要注意的一点是,在绘制直线的时候,系统并不绘制直线的最后一点,如果我们希望绘制一条包括最后一点的直线,我们可以使用上边的Plot()方法绘制最后一个点。

4.2.4图形:

我们可以使用系统提供的方法直接绘制五种简单图形,分别是矩形(rectangle)、圆角矩形(rounded rectangle)、多边形(polygon)、椭圆形(ellipse)和饼型(pie slice)。绘制模式和填充模式与当前的画笔(Pen)、刷子(Brush)设置相同

矩形:

void DrawRect(const TRect& aRect)

DrawRect()在屏幕上根据给定的aRect绘制矩形。

圆角矩形:

void DrawRoundRect(const TRect& aRect,const TSize& aCornerSize)

DrawRoundRect()在屏幕上根据给定的aRect绘制矩形,并根据给定的aCornerSize确定圆角的直径。

多边形:

TInt DrawPolygon(const CArrayFix<TPoint>* aPointList,TFillRule aFillRule=EAlternate)

TInt DrawPolygon(const TPoint* aPointList,TInt aNumPoints,TFillRule aFillRule=EAlternate)

DrawPolygon()根据给定的点集aPointList按顺序连接并按照aFillRule规则填充多边形。

椭圆形:

void DrawEllipse(const TRect& aRect)

DrawEllipse()在给定的aRect区域中绘制椭圆形。如果给定的区域是正方形,那么将绘制出圆形。

饼形:

void DrawPie(const TRect& aRect,const TPoint& aStart,const TPoint& aEnd)

DrawPie()通过给定的起始点aStart和结束点aEnd在由aRect形成的椭圆内截取相应的饼型区域。

4.3 Bmp文件的读取和显示

4.3.1读取:

首先 我们定义要读取的位图所在位置:

_LIT (KMultiBitmapFilename,"\\system\\apps\\graphics\\images.mbm");

其中images.mdm是我们的位图文件经过压缩打包的结果,是一个多位图文件。我们要在.mmp文件中作如下定义:

START BITMAP      images.mbm

HEADER

TARGETPATH        \system\apps\graphics

SOURCEPATH        ..\bitmaps

SOURCE            c12  image1.bmp

SOURCE            c12  image2.bmp

END

系统产生一个位图头文件.mbg,这个头文件提供了一个访问位图的ID。例如,在Epoc32\include中的IMAGES.mbg文件包含如下内容:

enum TMbmImages{

      EMbmImagesImage1,

      EMbmImagesImage2,

      };

接下来我们定义:

CFbsBitmap* iImage1;

CFbsBitmap* iImage2;

然后我们就可以将mdm中的位图文件读取出来:

iImage1 = new (ELeave) CFbsBitmap();

CleanupStack::PushL(iImage1);

TInt loadException = iImage1 ->Load(KMultiBitmapFilename,EMbmImagesImage1);

User::LeaveIfError(loadException);

CleanupStack::Pop(iImage1);

4.3.2显示

通过使用DrawBitmap()方法,可以将已经读取或绘制好的位图显示在窗口中。

void DrawBitmap(const TPoint& aTopLeft,const CFbsBitmap* aSource)

这里,aTopLeft指定了要绘制的位图的左上角坐标,aSource给出了要绘制的位图的内容。

void DrawBitmap(const TRect& aDestRect,const CFbsBitmap* aSource)

将给出的位图aSource绘制在指定的矩形区域aDestRect中。

void DrawBitmap(const TRect& aDestRect,const CFbsBitmap* aSource,const TRect& aSourceRect)

在给出的位图aSource中截取aSourceRect区域,将其内容绘制在指定的矩形区域aDestRect中。

4.4 像素级处理

可以通过使用TBitmapUtil类的一些方法对位图进行像素级的处理。包括:

void Begin(const TPoint& aPosition):设置当前要处理的像素位置,并锁定堆。

void End():解除对堆的锁定。

void SetPos(const TPoint& aPosition):改变当前像素位置至aPosition。

void IncXPos():将当前的X坐标自增1。

void DecXPos():将当前的X坐标自减1。

void IncYPos():将当前的Y坐标自增1。

void DecYPos():将当前的Y坐标自减1。

TUint32 GetPixel() const:获取当前像素的RGB值。

void SetPixel(TUint32 aValue):设置当前像素的RGB值。

下面我们通过将一个位图反转后写入另一张位图中的操作来说明TBitmapUtil类的使用方法。

利用前面已经生成并读取的位图:CFbsBitmap* iImage1和CFbsBitmap* iImage2。这里iImage2的长宽均大于iImage1,我们将iImage1反转装入iImage2中

首先关联要操作的位图:

TBitmapUtil bitmap1Util(iBitmap1);

TBitmapUtil bitmap2Util(iBitmap2);

 

接下来开始对位图操作,并设置初始点为(0,0):

bitmap1Util.Begin(TPoint(0,0));

bitmap2Util.Begin(TPoint(0,0));

 

下面从iBitmap1逐像素读取,并写入iBitmap2中:

TSize inSize = iBitmap1->SizeInPixels();

TInt xPos;

for (TInt yPos=0;yPos<inSize.iHeight;yPos++)

{

 bitmap1Util.SetPos(TPoint(0,yPos));

 bitmap2Util.SetPos(TPoint(yPos,0));

 for (xPos=0;xPos<inSize.iWidth;xPos++)

 {

  bitmap2Util.SetPixel(bitmap1Util);

  bitmap1Util.IncXPos();

  bitmap2Util.IncYPos();

 }

}

 

最后结束操作,清理堆栈

bitmap1Util.End();

bitmap2Util.End();

 

这样,我们就完成了将iImage1反转并写入iImage2中的工作。

 

川大科技园职业技能培训学院(3G嵌入式技术创新中心)

咨询热线:400-702-8828  028-6862 6028

联系人:欧老师    联系方式QQ:928077186

网址:http://www.ctic.cc   

地址:四川省成都市科华北路47号(川大科技大厦)2楼

posts - 41, comments - 14, trackbacks - 0, articles - 2

Copyright © Learn