symbian 显示位图和SVG图

关注

转载最新推荐文章于 2026-03-22 00:11:13 发布 283 阅读 AI 写同款· GEO 优化 ›

wpf中使用svg图片在wpf中，svg图片不能直接使用，但是我们知道，svg图片比png，jpg等图片都好点，原因就是它是矢量图片，不会变形。这种可以解决复杂的问题，但是在编译界面中，也就是在xaml文件中，是不显示svg图片的，只有在运行的时候，才能显示。综上所述，从操作简单，功能最全来说，建议使用第四种，最起码图片转成xaml，不用复制了。使用SharpVectors开源的库，在nuget中，直接下载使用。2.拿到xaml中的内容，放到资源文件中，取名为abc。注意：图片的路径，以及增加资源中，否则显示不出来。阅读详情

显示位图和SVG图

先打包，在加载，最后绘画

打包位图资源：
先把图片放到指定文件夹，然后把大包脚本加入到程序的mmp文件中（添加在end前的最后）
START BITMAP      graphic_bmp.mbm
HEADER
TARGETPATH        /resource/apps
SOURCEPATH        ../picture/bmp
SOURCE            c24 image1.bmp
SOURCE            c24 image2.bmp
SOURCE            1 image2_mask.bmp
重新编译后，编译器会把位图图标打包到graphic_bmp.mbm中，把生成位图资源头文件graphic_bmp.mbg存储到SDK 的头文件目录中

打包svg图资源：
建立一个mk文件，建立后，把svg资源的mk文件加入到bld.inf文件中
加一句：gnumakefile graphic_svg.mk
重新编译后，生成SVG图片资源文件graphic_svg.mif，生成的SVG图片资源头文件graphic_svg.mbg存储在SDK的头文件目录中。

图片的加载过程：
如果想在程序中绘制图片，首先需要把图片从多图片资源文件中加载到程序内存中生成一个位图对象，然后就可以在程序中绘制图片了
//加载位图图片
//声明部分
        CFbsBitmap* iBackgroundImage;
    CFbsBitmap* iImage2;
CFbsBitmap* iImage2mask;
//每个成员变量加载一个位图，在程序中，要绘制的就是这些位图类CFbsBitmap对象
        在头文件中加入
        #include <aknutils.h>
        #include <graphic_bmp.mbg> // Bitmap enumeration

//实现部分，加载位图 ConstructL（）函数中
_LIT(KBitmapPath, "//resource//apps//graphic_bmp.mbm");

        TFileName bitmapFile (KBitmapPath);
        User::LeaveIfError (CompleteWithAppPath (bitmapFile));

        iBackgroundImage = iEikonEnv->CreateBitmapL( bitmapFile,EMbmGraphic_bmpImage1 );
        iImage2 = iEikonEnv->CreateBitmapL( bitmapFile,EMbmGraphic_bmpImage2 );
        iImage2mask = iEikonEnv->CreateBitmapL( bitmapFile,EMbmGraphic_bmpImage2_mask );

EMbmGraphic_bmpImage1是资源ID，在mbg文件中定义
enum TMbmGraphic_bmp
        {
        EMbmGraphic_bmpImage1,
        EMbmGraphic_bmpImage2,
        EMbmGraphic_bmpImage2_mask
        };

在用完后要删除位图对象
//在析构函数中删除
        delete iBackgroundImage;
        delete iImage2;
        delete iImage2mask;

//加载SVG图
//声明部分
CFbsBitmap* iSoundSvg; //图片会把SVG图转换成位图，如果要实现矢量拉伸，需要重新加载
CFbsBitmap* iSoundSvgMask;

//实现部分
#include <akniconutils.h> // AknIconUtils类的定义
#include <graphic_svg.mbg> // Bitmap enumeration
        _LIT(KSvgPath, "//resource//apps//graphic_svg.mif");
//加载svg矢量图
        TFileName svgFile (KSvgPath);
        User::LeaveIfError (CompleteWithAppPath (svgFile));

        AknIconUtils::CreateIconL(iSoundSvg, iSoundSvgMask, svgFile, EMbmGraphic_svgSound,EMbmGraphic_svgSound_mask);
        //iSoundSvg=AknIconUtils::CreateIconL(svgFile,EMbmGraphic_svgSound);
        AknIconUtils::SetSize(iSoundSvg, TSize(50,50), EAspectRatioNotPreserved);
        AknIconUtils::SetSize(iSoundSvgMask, TSize(50,50), EAspectRatioNotPreserved);

//用后同样要删除
delete iSoundSvg;
delete iSoundSvgMask;

图片的显示过程：
//Draw（）函数中实现
        在设备绘图上下文类CWindowGc中绘制图形,CWindowGc是图形上下文CGraphicesContext类的派生类
        //清空窗口上的内容
        gc.SetPenStyle( CGraphicsContext::ENullPen );
        gc.SetBrushColor( KRgbGray );
        gc.SetBrushStyle( CGraphicsContext::ESolidBrush );
        gc.DrawRect( aRect );
        gc.SetBrushStyle( CGraphicsContext::ENullBrush );

        //绘制客户区背景
        //gc.BitBlt( Rect().iTl,iBackgroundImage );
        gc.DrawBitmap(aRect,iBackgroundImage); //通过拉伸的方式放缩要目标矩形中

        //在客户区的第一行绘制位图图标
        //绘制非透明位图，选择不含有“Masked”单词的函数就可以了
        TPoint ptPos=aRect.iTl;
        gc.BitBlt(ptPos,iImage2); //绘制时保持原始大小

        //绘制透明位图，需要有相应的掩码图，只有使用两者结合才能显示成功
        TSize size=iImage2->SizeInPixels();
        TRect sourceRect( TPoint( 0,0 ),size);
        ptPos.iX+=size.iWidth;
        gc.BitBltMasked(ptPos,iImage2,sourceRect,iImage2mask,ETrue);

        //绘制放缩的透明位图
        ptPos.iX+=size.iWidth;
        size.iWidth*=2;
        size.iHeight*=2;
        TRect destRect(ptPos,size);
        gc.DrawBitmapMasked(destRect,iImage2,sourceRect,iImage2mask,ETrue);

        //在客户区的第2行绘制SVG图图标
        //绘制非透明SVG图
        ptPos=aRect.iTl;
        ptPos.iY+=100;
        gc.BitBlt(ptPos,iSoundSvg);

        //绘制透明SVG图
        TSize size2=iSoundSvg->SizeInPixels();
        TRect sourceRect2( TPoint( 0,0 ),size2);
        ptPos.iX+=size2.iWidth;
        gc.BitBltMasked(ptPos,iSoundSvg,sourceRect2,iSoundSvgMask,ETrue);

特殊效果绘图：
//无闪烁重绘
有大量的绘图操作时，程序刷新可能会出现闪烁
Symbian 中，出了提供窗口客户区的绘图上下文设备用于屏幕绘图外，还提供了一个位图设备。
位图设备实际指向了一个内容中的位图对象，通过位图设备上下文，可以直接把图像绘制到位图上，也就是通过程序代码直接在内存中绘图，然后把绘制好的位图复制到窗口客户区中。
实现步骤：
1）在Container的头文件中声明
            CFbsBitmap* iOffScreenBitmap;
            CFbsBitmapDevice* iOffScreenBitmapDevice;
            CFbsBitGc* iOffScreenBitmapGc;

            CFbsBitmap* iSoundSvg;
2）定义在后台绘画使用的位图、位图设备，位图上下文//ConstructL（）
    //加载svg矢量图
        TFileName svgFile (KSvgPath);
        User::LeaveIfError (CompleteWithAppPath (svgFile));

        iSoundSvg=AknIconUtils::CreateIconL(svgFile,EMbmGraphic_svgSound);
        AknIconUtils::SetSize(iSoundSvg, TSize(50,50), EAspectRatioNotPreserved);

    // 创建离屏位图、位图设备、位图设备上下文
    iOffScreenBitmap = new ( ELeave ) CFbsBitmap(); //创建一个空的位图
    CleanupStack::PushL( iOffScreenBitmap );
    User::LeaveIfError( iOffScreenBitmap->Create( Rect().Size(),EColor4K ) ); //位图的尺寸设置成与程序客户区的尺寸相同
    CleanupStack::Pop();
    iOffScreenBitmapDevice = CFbsBitmapDevice::NewL(iOffScreenBitmap ); //创建一个位图设备
    iOffScreenBitmapDevice->CreateContext( iOffScreenBitmapGc );                    //创建位图设备的位图设备上下文
3）在析构函数中加入
    delete iOffScreenBitmapGc;
        iOffScreenBitmapGc = NULL;
        delete iOffScreenBitmapDevice;
        iOffScreenBitmapDevice = NULL;
        delete iOffScreenBitmap;
        iOffScreenBitmap = NULL;
4）在位图上绘制图形
//清除位图设备下文中的背景
    iOffScreenBitmapGc->SetPenStyle( CGraphicsContext::ENullPen );
    iOffScreenBitmapGc->SetBrushColor( KRgbGray );
    iOffScreenBitmapGc->SetBrushStyle( CGraphicsContext::ESolidBrush );
    iOffScreenBitmapGc->DrawRect( aRect );

    iOffScreenBitmapGc->SetPenStyle(CGraphicsContext::ESolidPen);
    iOffScreenBitmapGc->DrawEllipse(Rect());

    iOffScreenBitmapGc->BitBlt(aRect.iTl,iSoundSvg);