2012-03-20 78 views
1

我創建一個應用程序Appcelerator鈦作爲一個外部背景圖像(木雕刻出它的品牌)。在它上面我有自定義表格視圖等。當不是100%寬,所以你仍然可以看到背景圖像。它給你的印象是你在某種桌子上工作。鈦手機固定backgroundImage之間的意見

這是一個選項卡式應用程序。我設置它像這樣:

var tabGroup = Titanium.UI.createTabGroup(); 

var win = Titanium.UI.createWindow({ 
    title: "My super app", 
    backgroundImage: 'img/background.png', 
    navBarHidden: true, 
    tabBarHidden: true 
}); 

var tab = Titanium.UI.createTab({ 
    title: "Tab 1", 
    window: win 
}); 

我想要做的是能變化以及它們之間的動畫時,請在所有視圖相同的背景圖片。我想要這張圖片堅持下去。

然後我有一個外部文件我正在進行動畫。讓我們說這就是所謂的external.js

裏面我使用的是這樣的:

var win = Titanium.UI.currentWindow; 

的問題是,默認情況下,新的觀點是白色的,甚至當我再次將其設置背景圖片並沒有做到這一點,因爲當我爲新視圖製作動畫時,背景也會「滑動」。

所以我的問題:有沒有辦法保持相同的背景圖像時瀏覽視圖或選項卡之間?

回答

1

你想要的其實很簡單,但會要求你重寫你的代碼並採取不同的方法。

做到這一點的最好方法是有1個窗口。在該窗口上設置背景圖像,並創建多個視圖,以保存不同的內容頁面。創建一個您希望限制內容的尺寸的scrollableView,並將views屬性設置爲包含您以前創建的每個視圖的數組。這會給你一個動畫的方法來滑過每個視圖。此外,如果您仍然需要這些選項卡,則可以使用按鈕對象手動創建它們,並設置單擊eventListener以更改可滾動視圖上的scrollToIndex值。

+0

乾杯,丹尼。我想沒有辦法讓它比這更容易。我會檢查出來的。 – kernelpanic 2012-03-20 19:52:33