Titanium:Tab的图标图像不起作用

时间:2012-03-29 15:00:49

标签: titanium appcelerator titanium-mobile

我正在尝试更改标签组标签的图标,但它不会显示图像。

对于 iOS

我使用了以下代码:

var win1 = Titanium.UI.createWindow
({  
    url:'Tab1.js'
});

var tab1 = Titanium.UI.createTab
({  
      icon:'footer_contactus_hover.png',
      window:win1
});

// create controls tab and root window
var win2 = Titanium.UI.createWindow
({        
    url:'Tab2.js'
});

var tab2 = Titanium.UI.createTab
({  
    icon:'footer_search.png',
    window:win2
});

我有 4个标签。图片的尺寸 81x51 。它显示仅蓝色矩形而不是原始图像。

我也试过<property name="ti.android.fastdev" type="bool">false</property>

代码有什么问题?

2 个答案:

答案 0 :(得分:1)

假设您的图像确实存在于指定的位置,我的第一个猜测是您的图像未正确创建,因此当获得蒙版时,您看到的只是一个蓝色矩形。我建议从http://glyphish.com/抓取一些其他图标图像,看看你的图像是否可能没有正确创建(我没有任何关联,除了我在我的项目中使用了他们的图标,他们是顶级的 - 缺口)。

另外,您可能需要查看Human Interface Guidelines,因为它列出了指定的尺寸。

答案 1 :(得分:1)

通过制作图像解决透明

还发现: - 图标需要具有可见像素颜色的文件结构,并且对于不可见部分是透明的。操作系统将应用蓝色发光的东西,因此如果图标没有透明像素,您将只看到一个矩形。