如何快速加載多個圖標鈦加速器？

Question

目前我一直在一個項目中創建聊天客戶端支持表情圖標，但我面臨的一個問題是，在我的鈦加速器項目中，我必須在視圖中加載> 100個表情圖標。事實上，鈦加速器加載多圖像很慢，我不知道爲什麼會發生，有人可以建議我解決這個問題的解決方案？

Answer 1

假設您的UI實現可以支持它;加載包含所有~100個表情符號的單個圖像，併爲圖像視圖添加一個touchend事件偵聽器。偶數返回x，y座標，然後您可以將其映射到選定的表情圖標。

var self = Ti.UI.createView({backgroundColor: '#666'}); 

var emoticons = Ti.UI.createImageView({ 
    image: 'http://www.berkeley.edu/news2/2013/04/Finch300.jpg' 
}); 

emoticons.addEventListener('touchend',function(e){ 
    alert('x: '+e.x+' y: '+e.y); 
}) 
self.add(emoticons);