Symbian学习笔记(4)——在GUI应用中使用图像
创始人
2024-03-25 10:31:15
0
学习一下如何修改GUI程序中的图标与如何加载图像。

  与2nd.不同的是,3rd.支持svg格式的可缩放图标(最大好处在于一个图标搞定,以前用bmp时为了应用程序的菜单图标得要做四个小图标)。而且,现在有了一种新的图像打包格式mif(这名字咋跟BREW中那个MIF一样啊)。虽然还支持以前的MBM方式但是不建议使用了。

  要在应用程序中增加图像图标资源,过程如下:

  第一步,先将要加入的图像放在工程的/gfx目录下,如:

  qgn_menu_DemoUI.svg

  splash2.bmp

 

  前面一个就是应用程序图标(可以修改它)。

  第二步,修改/group目录下的Icons_scalable_dc.mk文件,不知道为什么,工程向导生成的这个文件相当不完整,郁闷。


TARGETDIR=$(ZDIR)\resource\apps
ICONTARGETFILENAME=$(TARGETDIR)\DemoUI_0xE8656D58.mif

HEADERDIR=C:\Symbian\workspace\DemoUI\inc
HEADERFILENAME=$(HEADERDIR)\DemoUI.mbg

 

  上面的targetdir是原有的,下面的headerdir是我加上的,因为我需要一个mbg文件(以前旧方式也有这个头文件)。

RESOURCE :   
    mifconv $(ICONTARGETFILENAME) /h$(HEADERFILENAME) \
        /c32,8 $(ICONDIR)\qgn_menu_DemoUI.svg \
        /c24 $(ICONDIR)\splash2.bmp
      

RELEASABLES :
    @echo $(HEADERFILENAME)&& \
    @echo $(ICONTARGETFILENAME)

 

  主要是那个mifconv的参数,加上/h生成mbg头文件,注意这里的/c32,8 表示我们只提供一个svg文件但是将它的8bit图像作为它的mask,比

  原来的方式简单多了,当然你也可以新做一个图像作为mask。

  [补充@2008-03-14]

  昨天这个例子只在模拟器上成功了,真机失败,无法加载bmp图像。

  后来出编译时的控制台输出发现,它只把svg图片放在mif文件中,而bmp图片仍会放入一个同名的mbm文件中。所以我们还得修改pkg文件,让mbm也打包进sisx中:

"$(EPOCROOT)Epoc32\data\z\resource\apps\DemoUI_0xE8656D58.mif" -"!:\resource\apps\DemoUI_0xE8656D58.mif"
"$(EPOCROOT)Epoc32\data\z\resource\apps\DemoUI_0xE8656D58.mbm" -"!:\resource\apps\DemoUI_0xE8656D58.mbm"

 

  而代码中则无所谓了,因为AknIconUtils::CreateIconL()会自动判断是去mif还是mbm中读取图像资源。

  第三步,先把上面的改完后,编译一下,就能得到mif文件和mbg文件了。

  下面在container中显示这个图像splash2.bmp,先修改.h文件,增加两个CFbsBitmap。

  private:

        CFbsBitmap*     iBkImage;
        CFbsBitmap*     iBkImageMask;
 

 

  修改cpp文件,如此加载和显示: 

_LIT(KMbmFileName,"\resource\apps\DemoUI_0xE8656D58.mif");
const TInt KMyIconMaxWidth(100);
const TInt KMyIconMaxHeight(100);

...

void CDemoUIAppView::ConstructL( const TRect& aRect )
...{

...

TFileName fullname(KMbmFileName);
CompleteWithAppPath(fullname);
   
iBkImage=AknIconUtils::CreateIconL(fullname,EMbmDemouiSplash);

...
}

...

void CDemoUIAppView::Draw( const TRect& aRect ) const
...{
    CWindowGc& gc = SystemGc();
    TRect drawRect( Rect());
    gc.Clear( drawRect );
   
    gc.BitBlt(TPoint(0,0),iBkImage);

...
}

  其实这里与旧方式差不多了,但是原来的那个iBkImage->Load()方法已经不管用了,只能用AknIconUtils提供的这个方法CreateIconL。

  另外,如果是加载SVG呢,其实也一样的,如果同时加载mask呢?也一样。例如:

 

AknIconUtils::CreateIconL(iBkImage, iBkImageMask, fullname, EMbmDemouiQgn_app_demoui, EMbmDemouiQgn_menu_demoui_mask);
AknIconUtils::SetSize(iBkImage, TSize(KMyIconMaxWidth, KMyIconMaxHeight));
AknIconUtils::SetSize(iBkImageMask, TSize(KMyIconMaxWidth, KMyIconMaxHeight));

  显示时就这样:

TPoint point = TPoint(aRect.Center().iX - (KMyIconMaxWidth/2),aRect.Center().iY - (KMyIconMaxHeight/2));
gc.BitBltMasked(point, iBkImage, aRect, iBkImageMask, EFalse);

  今天找了找SVG的编辑器,觉得那个RealDraw还行。

【编辑推荐】

  1. Symbian每6个月发布一款新开源操作系统
  2. 微软建WindowsMarketplace 完善智能机平台
  3. 大力模仿Android 传微软WM6.5可装插件

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...