Titanium視頻教程:實現頁面跳轉
下面為視頻內容:
創建工程時不選任何模板,直接點擊“finish”。在自動生成的代碼里,titanium在app.js中已經為我們創建了一個***容器為tabGroup,兩個tab,其下各自有一個window,每個window也都有一個label。詳細請看我做的思維圖。而我們今天要實現:在win1對象中使用外部鏈接的方式,鏈接到一個外部window,實際效果與默認的win2一樣,就像html中使用外部的javascript文件一樣,把所有代碼都寫在一個文件里顯然不會是我們以后做項目的方式。在外部window中點擊一個按鈕觸發頁面跳轉事件,達到我們今天要的效果。
一、在app.js修改win1屬性
1url:'win1.js'
二、創建win1.js文件
varwin=Titanium.UI.currentWindow;
varbutton1=Titanium.UI.createButton({
title:'按鈕',
borderRadius:2,
textAlign:1,
top:100,
width:50,
height:50,
borderColor:'#cccccc',
backgroundColor:'#eeeeee'
});
win.add(button1);
button1.addEventListener('click',function(e){
//alert('點擊事件觸發')
varnewWin=Titanium.UI.createWindow({
title:'新窗口',
url:'newWin.js'
});
newWin.myvar='這是一個變量文本';
Titanium.UI.currentTab.open(newWin,{animation:true});
});
三、創建newWin.js文件
varwin=Titanium.UI.currentWindow;
varmyvar=win.myvar;
varlabel1=Titanium.UI.createLabel({
color:'red',
text:myvar,
font:{fontSize:20,fontFamily:'HelveticaNeue'},
textAlign:'center',
width:'auto'
});
win.add(label1);
OK!完成

該圖片為適合頁面被自動縮小.查看大圖請點擊.