`
yesjavame
  • 浏览: 651287 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

Symbian学习笔记(4):在GUI应用中使用图像

阅读更多
今天学习一下如何修改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");
constTIntKMyIconMaxWidth(100);
constTIntKMyIconMaxHeight(100);

...

voidCDemoUIAppView::ConstructL(constTRect&aRect)
...{

...

TFileNamefullname(KMbmFileName);
CompleteWithAppPath(fullname);

iBkImage
=AknIconUtils::CreateIconL(fullname,EMbmDemouiSplash);

...
}


...

voidCDemoUIAppView::Draw(constTRect&aRect)const
...{
CWindowGc
&gc=SystemGc();
TRectdrawRect(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));

显示时就这样:
TPointpoint=TPoint(aRect.Center().iX-(KMyIconMaxWidth/2),aRect.Center().iY-(KMyIconMaxHeight/2));
gc.BitBltMasked(point,iBkImage,aRect,iBkImageMask,EFalse);

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

[补充@2008-03-20]
关于SVG格式的显示问题,需要补充两点:

1、它必须要设置尺寸才可以正确显示,虽然我们在制作SVG时给了画布尺寸在SVG文件中也有尺寸信息,但是如果代码中不调用AknIconUtils::SetSize,则无法显示,不报错就是不显示,很BT的问题。

2、关于Mask的问题,因为SVG不是透明的(在制作SVG时画布颜色可以选白色),可以用MASK来制作透明效果,也就是白色部分作为透明色的话则BitBltMasked函数最后一个参数为EFalse,否则如以黑色为透明它应该是ETrue。
如果需要Mask,别忘了在mk文件中这样:/c32,8 表示原图是32位而用它的8位图作为mask图像。
分享到:
评论

相关推荐

    Symbian学习笔记.pdf

    Symbian学习笔记 Symbian学习笔记 Symbian学习笔记

    Symbian学习笔记

    Symbian学习笔记Symbian学习笔记Symbian学习笔记Symbian学习笔记Symbian学习笔记

    symbian学习笔记,全28讲

    symbian学习笔记,比较全面的,整理过后的Word版本。 从搭建开发环境开始讲起,很适合初学symbian的同学,从入门到高级。

    基于Symbian OS的手机开发与应用_part1

    《基于Symbian OS的手机开发与应用》pdf电子版,共4个rar,作者:何伟//杨宗德//张兵,本书主要介绍基于Symbian平台的控制台应用程序和GUI应用程序的开发,内容涵盖开发平台的搭建、内存管理、描述符、动态数组、...

    Symbian学习笔记(中国移动开发者社区).pdf

    Symbian学习笔记(中国移动开发者社区).pdf

    Symbian 应用程序开发

    Series 60是在Symbian OS下进行智能手机应用程序开发的主要平台,它拥有广大的用户群。本书是诺基亚与EMCC公司共同推出的一本Series 60开发的权威参考书,为Symbian OS下的C++编程提供全面指导。. 全书共13章,循序...

    基于Symbian OS的手机开发与应用_part4

    《基于Symbian OS的手机开发与应用》pdf电子版,共4个rar,作者:何伟//杨宗德//张兵,本书主要介绍基于Symbian平台的控制台应用程序和GUI应用程序的开发,内容涵盖开发平台的搭建、内存管理、描述符、动态数组、...

    Series 60 应用程序开发 塞班学习经典书籍 pdf4

    塞班学习经典书籍,s60开发的两本书,分别为4个和3个7zip分压缩包 Series 60 应用程序开发.pdf Symbian OS C++手机应用开发(第三版),用7zip分压的包,要用7zip打开就行(.001到.004的文件直接看拖到7zip中)

    symbian学习笔记(超级经典-适用于初学者)

    我在网上四处搜罗的,我也是初学者,觉得很经典,讲的很细致,所以跟大家分享

    基于Symbian OS的手机开发与应用_part3

    《基于Symbian OS的手机开发与应用》pdf电子版,共4个rar,作者:何伟//杨宗德//张兵,本书主要介绍基于Symbian平台的控制台应用程序和GUI应用程序的开发,内容涵盖开发平台的搭建、内存管理、描述符、动态数组、...

    基于Symbian OS的手机开发与应用_part2

    《基于Symbian OS的手机开发与应用》pdf电子版,共4个rar,作者:何伟//杨宗德//张兵,本书主要介绍基于Symbian平台的控制台应用程序和GUI应用程序的开发,内容涵盖开发平台的搭建、内存管理、描述符、动态数组、...

    Symbian(塞班)智能手机应用技巧

    Symbian(塞班)智能手机应用技巧十二讲

    JAVA 五年的工作经验和学习笔记

    本文档还在持续维护中,各位可以通过《笔记变更说明》查看升级日志。 在这里声明下,本文档一部分是个人从学习、工作中整理出来的(代码都是经过调试的),还有一部分是从网上整理的。 本站相关文档都是经过...

    Symbian OS C++手机应用开发

    本书吸收了Symbian 工程师的丰富经验,为使用Symbian 操作系统v9.0 及其以上版本的手机 编写C++应用程序提供了完整的基础知识体系。它不会讲授关于开发Symbian 操作系统应用程序 的全部知识,没有任何一本书能够做到...

    Series 60 应用程序开发 塞班学习经典书籍 pdf3

    塞班学习经典书籍,s60开发的两本书,分别为4个和3个7zip分压缩包 Series 60 应用程序开发.pdf Symbian OS C++手机应用开发(第三版),用7zip分压的包,要用7zip打开就行(.001到.004的文件直接看拖到7zip中)

    symbian 学习笔记

    搜罗网上一些Symbian平台常用到的方法。

    21简单GUI编程1 张锦锋Symbian讲座

    21简单GUI编程1 张锦锋Symbian讲座 21简单GUI编程1 张锦锋Symbian讲座 21简单GUI编程1 张锦锋Symbian讲座 21简单GUI编程1 张锦锋Symbian讲座

    22简单GUI编程2 张锦锋Symbian讲座

    22简单GUI编程2 张锦锋Symbian讲座 22简单GUI编程2 张锦锋Symbian讲座 22简单GUI编程2 张锦锋Symbian讲座

Global site tag (gtag.js) - Google Analytics