2012-06-07 55 views
2

我開始與TI合作,並想知道它是如何可以做到從下面的代碼下面的動態後退按鈕:鈦Appcelerator的新窗口和一個標題

  1. 打開一個新的窗口/視圖,標題爲「新運」
  2. 顯示標題爲「我的家」後退按鈕(前一頁)

這是代碼,我到目前爲止有:

var win = Ti.UI.createWindow({ 
    title: "My Home", 
    backgroundColor: '#bbb' 
}); 
var b = Ti.UI.createButton({ 
    title:'Button', 
    style:Ti.UI.iPhone.SystemButtonStyle.BORDERED 
}); 
win.setToolbar([b]); 

var nav = Ti.UI.iPhone.createNavigationGroup({ 
    window:win 
}); 
var root = Ti.UI.createWindow(); 
root.add(nav); 
root.open(); 

b.addEventListener({ 
    // open a new window with Title as "New Win" 
    // with a back button, that display the previous title "My Home" 
}); 

非常感謝。

+0

你在哪裏打開一個新窗口? –

+0

根內 –

+0

您可以在窗口對象'backButtonTitle:My Home'設置屬性 –

回答

3

你用正確的方法去,唯一的一塊缺少的是這樣的:

 nav.open(myWindow,{animated:true}); 

這裏是你與遺漏碼

var win = Ti.UI.createWindow({ 
title: "My Home", 
backgroundColor: '#bbb' 
}); 
var b = Ti.UI.createButton({ 
title:'Button', 
style:Ti.UI.iPhone.SystemButtonStyle.BORDERED 
}); 
win.setToolbar([b]); 

var nav = Ti.UI.iPhone.createNavigationGroup({ 
window:win 
}); 
var root = Ti.UI.createWindow(); 
root.add(nav); 
root.open(); 

//This is your new window 
var myWindow = Ti.UI.createWindow({ 
backgroundColor:'#fff', 
title:'New Window' 
}); 

// just open this new window with the navigationController you defined 
b.addEventListener('click',function(){ 
nav.open(myWindow,{animated:true}); 
}); 

有了這個代碼完整的代碼,你會看到一個新的標題爲「新窗口」的窗口以及標題爲「我的家」的後退按鈕。

。希望解決您的問題

====================更新:=============== ============================================== 解決您的問題問題你只需要添加一行即 替換此

 var myWindow = Ti.UI.createWindow({ 
backgroundColor:'#fff', 
title:'New Window' 
}); 

通過

 var myWindow = Ti.UI.createWindow({ 
backgroundColor:'#fff', 
url:'/newWindow.js' // make sure you give the right path 
title:'New Window' 
}); 
+0

謝謝。我可以知道是否有另一個名爲newfile.js的文件,名爲newWindow1和newWindow2,那麼如何在這個newfile.js文件中使用nav來打開newWindow2? –

+0

我已經更新了我的答案,參見上文 –