分享
 
 
 

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

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

4.1 Window, Graphics Context和Graphics 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中的工作。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有