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中的工作。