×
Namespaces

Variants
Actions

如何在Avkon tabs中使用SVG图标

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata

文章
huwell 在 30 Jun 2007 创建
最后由 hamishwillee 在 15 Dec 2011 编辑
  • 设备, 软件 版本:

S60 3rd Edition


  • 详细描述:

概述

我们可以在Avkon tab group的每个tab中显示我们自己的SVG图标。这一情况下对SVG文件有一些限制,现在描述如下。


解决方案

CAknTabGroup::AddTabL()可用来生成一个带自定义SVG图标的tab,只有图标的mask层(如alpha或transparency)呗使用来生成该图表,其他数据被忽略了。


举例来说,现在有一个白色SVG带有如下图案:白色背景上一个黑色椭圆。

<ellipse fill="#FFFFFF" stroke="#000000" stroke-width="5" cx="25" cy="25" rx="20" ry="20"/>


为了让椭圆显示在tab上,填充参数必须修改如下:

<ellipse fill="none" stroke="#000000" stroke-width="5" cx="25" cy="25" rx="20" ry="20"/>.


只有这样修改后,图片的mask才会出现黑色背景和白色椭圆,当该SVG被使用在tab icon上时,就会现实出黑色的椭圆,而其他图片的其他地方都是做透明处理了。


注意,当mask被用来生成icon时,无法在TAB上绘制有色的SVG。

This page was last modified on 15 December 2011, at 13:25.
93 page views in the last 30 days.
×