Symbian 显示 svg 图的例子

一:在和group同级的目录建立文件夹picture ;在picture目录下面建立svg文件夹 在下面添加svg图片sound.svg和sound_mask.svg

二:在group目录下建立 testsvg.mk文件 内容如下:

ifeq (WINS,$(findstring WINS, $(PLATFORM))) ZDIR=$(EPOCROOT)epoc32/release/$(PLATFORM)/$(CFG)/Z else ZDIR=$(EPOCROOT)epoc32/data/z endif TARGETDIR=$(ZDIR)/RESOURCE/APPS HEADERDIR=$(EPOCROOT)epoc32/include ICONTARGETFILENAME=$(TARGETDIR)/graphic_svg.mif HEADERFILENAME=$(HEADERDIR)/graphic_svg.mbg do_nothing : @rem do_nothing MAKMAKE : do_nothing BLD : do_nothing CLEAN : do_nothing LIB : do_nothing CLEANLIB : do_nothing RESOURCE : mifconv $(ICONTARGETFILENAME) /h$(HEADERFILENAME) / /c8,1 ../picture/svg/sound.svg FREEZE : do_nothing SAVESPACE : do_nothing RELEASABLES : @echo $(HEADERFILENAME) && / @echo $(ICONTARGETFILENAME) FINAL : do_nothing

三:在group目录下的bld.inf里面假如:gnumakefile ../group/testsvg.mk全文如下:

PRJ_PLATFORMS WINSCW ARMV5 GCCE PRJ_EXPORTS PRJ_MMPFILES gnumakefile icons_scalable_dc.mk gnumakefile ../group/testsvg.mk gnumakefile ../help/build_help.mk TestSVG.mmp 

 

四: 在自己的view.h下定义svg类;

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

五: 在自己的view.cpp下面定义头文件和常量

    #include <aknutils.h>//swb
    #include <graphic_bmp.mbg> //swb Bitmap enumeration
    #include <akniconutils.h>  // AknIconUtils类的定义
    #include <graphic_svg.mbg> // Bitmap enumeration

     _LIT(KSvgPath, "//resource//apps//graphic_svg.mif");
     _LIT(KBitmapPath, "//resource//apps//graphic_bmp.mbm");

六:在自己的view.cpp下面的ConstructL来初始化svg对象

 

  _LIT(KBitmapPath, "//resource//apps//graphic_bmp.mbm");

    /*********加载图片***********************/  
    //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);
    //*/

七:在自己的 view.cpp 下面的draw()画图象

 // Clears the screen
 gc.Clear(drawRect);

 //Draw（）函数中实现
 //在设备绘图上下文类CWindowGc中绘制图形,CWindowGc是图形上下文CGraphicesContext类的派生类
 //清空窗口上的内容
 gc.SetPenStyle( CGraphicsContext::ENullPen );
 gc.SetBrushColor( KRgbGray );
 gc.SetBrushStyle( CGraphicsContext::ESolidBrush );
 gc.DrawRect( Rect() );
 gc.SetBrushStyle( CGraphicsContext::ENullBrush );
         //在客户区的第2行绘制SVG图图标
         //绘制非透明SVG图
   TPoint ptPos=Rect().iTl;
         ptPos=Rect().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);

八: 在析构函数中删除对象

    delete iSoundSvg;
    delete iSoundSvgMask;

九:在mmp文件中添加lib

     LIBRARY           eikcoctl.lib
     LIBRARY           bafl.lib
     LIBRARY           charconv.lib
     LIBRARY     fbscli.lib 
     LIBRARY     aknicon.lib bitgdi.lib mediaclientimage.lib

里面涉及到的类有俩个 还涉及到创建文件testsvg.mk 和bld.inf:

其中testsvg.mk 和bld.inf上面给出 TestSVGAppView.cpp和他的头文件分别如下:

TestSVGAppView.h:

#ifndef __TESTSVGAPPVIEW_h__ #define __TESTSVGAPPVIEW_h__ // INCLUDES #include <coecntrl.h> // CLASS DECLARATION class CTestSVGAppView : public CCoeControl { public: // New methods /** * NewL. * Two-phased constructor. * Create a CTestSVGAppView object, which will draw itself to aRect. * @param aRect The rectangle this view will be drawn to. * @return a pointer to the created instance of CTestSVGAppView. */ static CTestSVGAppView* NewL(const TRect& aRect); /** * NewLC. * Two-phased constructor. * Create a CTestSVGAppView object, which will draw itself * to aRect. * @param aRect Rectangle this view will be drawn to. * @return A pointer to the created instance of CTestSVGAppView. */ static CTestSVGAppView* NewLC(const TRect& aRect); /** * ~CTestSVGAppView * Virtual Destructor. */ virtual ~CTestSVGAppView(); public: // Functions from base classes /** * From CCoeControl, Draw * Draw this CTestSVGAppView to the screen. * @param aRect the rectangle of this view that needs updating */ void Draw(const TRect& aRect) const; /** * From CoeControl, SizeChanged. * Called by framework when the view size is changed. */ virtual void SizeChanged(); /** * From CoeControl, HandlePointerEventL. * Called by framework when a pointer touch event occurs. * Note: although this method is compatible with earlier SDKs, * it will not be called in SDKs without Touch support. * @param aPointerEvent the information about this event */ virtual void HandlePointerEventL(const TPointerEvent& aPointerEvent); private: // Constructors /** * ConstructL * 2nd phase constructor. * Perform the second phase construction of a * CTestSVGAppView object. * @param aRect The rectangle this view will be drawn to. */ void ConstructL(const TRect& aRect); /** * CTestSVGAppView. * C++ default constructor. */ CTestSVGAppView(); private: // CFbsBitmap* iBackgroundImage; // CFbsBitmap* iImage2; // CFbsBitmap* iImage2mask; CFbsBitmap* iSoundSvg; //图片会把SVG图转换成位图，如果要实现矢量拉伸，需要重新加载 CFbsBitmap* iSoundSvgMask; }; #endif // __TESTSVGAPPVIEW_h__ // End of File

 

TestSVGAppView.cpp:

#include <coemain.h> #include "TestSVGAppView.h" #include <aknutils.h>//swb #include <graphic_bmp.mbg> //swb Bitmap enumeration #include <akniconutils.h> // AknIconUtils类的定义 #include <graphic_svg.mbg> // Bitmap enumeration _LIT(KSvgPath, "//resource//apps//graphic_svg.mif"); _LIT(KBitmapPath, "//resource//apps//graphic_bmp.mbm"); // ============================ MEMBER FUNCTIONS =============================== // ----------------------------------------------------------------------------- // CTestSVGAppView::NewL() // Two-phased constructor. // ----------------------------------------------------------------------------- // CTestSVGAppView* CTestSVGAppView::NewL(const TRect& aRect) { CTestSVGAppView* self = CTestSVGAppView::NewLC(aRect); CleanupStack::Pop(self); return self; } // ----------------------------------------------------------------------------- // CTestSVGAppView::NewLC() // Two-phased constructor. // ----------------------------------------------------------------------------- // CTestSVGAppView* CTestSVGAppView::NewLC(const TRect& aRect) { CTestSVGAppView* self = new (ELeave) CTestSVGAppView; CleanupStack::PushL(self); self->ConstructL(aRect); return self; } // ----------------------------------------------------------------------------- // CTestSVGAppView::ConstructL() // Symbian 2nd phase constructor can leave. // ----------------------------------------------------------------------------- // void CTestSVGAppView::ConstructL(const TRect& aRect) { // Create a window for this application view CreateWindowL(); // Set the windows size SetRect(aRect); _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 ); //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); //*/ /*******************************************/ // Activate the window, which makes it ready to be drawn ActivateL(); } // ----------------------------------------------------------------------------- // CTestSVGAppView::CTestSVGAppView() // C++ default constructor can NOT contain any code, that might leave. // ----------------------------------------------------------------------------- // CTestSVGAppView::CTestSVGAppView() { // No implementation required } // ----------------------------------------------------------------------------- // CTestSVGAppView::~CTestSVGAppView() // Destructor. // ----------------------------------------------------------------------------- // CTestSVGAppView::~CTestSVGAppView() { // No implementation required // delete iBackgroundImage; // delete iImage2; // delete iImage2mask; delete iSoundSvg; delete iSoundSvgMask; } // ----------------------------------------------------------------------------- // CTestSVGAppView::Draw() // Draws the display. // ----------------------------------------------------------------------------- // void CTestSVGAppView::Draw(const TRect& /*aRect*/) const { // Get the standard graphics context CWindowGc& gc = SystemGc(); // Gets the control's extent TRect drawRect(Rect()); // Clears the screen gc.Clear(drawRect); //Draw（）函数中实现 //在设备绘图上下文类CWindowGc中绘制图形,CWindowGc是图形上下文CGraphicesContext类的派生类 //清空窗口上的内容 gc.SetPenStyle( CGraphicsContext::ENullPen ); gc.SetBrushColor( KRgbGray ); gc.SetBrushStyle( CGraphicsContext::ESolidBrush ); gc.DrawRect( Rect() ); gc.SetBrushStyle( CGraphicsContext::ENullBrush ); /* //绘制客户区背景 gc.BitBlt( Rect().iTl,iBackgroundImage ); //gc.DrawBitmap(Rect(),iBackgroundImage); //通过拉伸的方式放缩要目标矩形中 //在客户区的第一行绘制位图图标 //绘制非透明位图，选择不含有“Masked”单词的函数就可以了 TPoint ptPos=Rect().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图 TPoint ptPos=Rect().iTl; ptPos=Rect().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); } // ----------------------------------------------------------------------------- // CTestSVGAppView::SizeChanged() // Called by framework when the view size is changed. // ----------------------------------------------------------------------------- // void CTestSVGAppView::SizeChanged() { DrawNow(); } // ----------------------------------------------------------------------------- // CTestSVGAppView::HandlePointerEventL() // Called by framework to handle pointer touch events. // Note: although this method is compatible with earlier SDKs, // it will not be called in SDKs without Touch support. // ----------------------------------------------------------------------------- // void CTestSVGAppView::HandlePointerEventL(const TPointerEvent& aPointerEvent) { // Call base class HandlePointerEventL() CCoeControl::HandlePointerEventL(aPointerEvent); }