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");
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);
与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还行。
引用自：http://www.sf.org.cn/Article/lumen/200803/20904.html
