如何获得像滚动视图中的窗口元素的过渡？

Question

我想在Appcelerator中做一个Demo，这里是它的代码。

var tabGroup = Titanium.UI.createTabGroup(); 

var main_win = Titanium.UI.createWindow({ 
    title:'Tab 1', 
    backgroundColor:'#fff' 
}); 

var win1 = Titanium.UI.createWindow({ 
    title:'Tab 1', 
    backgroundColor:'#fff' 
}); 
var tab1 = Titanium.UI.createTab({ 
    title:'Tab 1', 
    window:win1 
}); 
var label1 = Titanium.UI.createLabel({ 
    text:'I am Window 1', 
    win:win1 
}); 
win1.add(label1); 

var win2 = Titanium.UI.createWindow({ 
    title:'Tab 2', 
    backgroundColor:'#fff' 
}); 
var tab2 = Titanium.UI.createTab({ 
    title:'Tab 2', 
    window:win2 
}); 

var label2 = Titanium.UI.createLabel({ 
    text:'I am Window 2', 
}); 
win2.add(label2); 


tabGroup.addTab(tab1); 
tabGroup.addTab(tab2); 



main_win.open(); 

var button1 = Titanium.UI.createButton({ 
    title:"hello" 
}); 
main_win.add(button1); 
var button2 = Titanium.UI.createButton({ 
    title:"hello" 
}); 
win1.add(button2); 

button1.addEventListener('click', function(e) { 
    tabGroup.open(); 
}); 

button2.addEventListener('click', function(e) { 
    main_win.show(); 
    tabGroup.close(); 
}); 

现在button2不能以所需的方式工作。我想切换回window_1，即主窗口。代码出了什么问题。

编辑

我想有一个窗口（可以是一个视图/窗口或别的东西。）即main_win其中有一个名为BUTTON1按钮。当我点击按钮1 它移动到另一个视图，显示了我两个标签视图即WIN1和与TAB1和TAB2相关WIN2。点击TAB1将显示WIN1，点击TAB2将显示WIN2。双方win1和win2有一个按钮说button2点击哪一个会发送我们回main_win。另外我希望过渡像我们从默认情况下从滚动视图获得。

Answer 1

我总是只考虑tabGroups为Windows。它没有记录，但您可以在Android中的tabGroups上使用exitOnClose属性。请看下面的代码是否满足你的需求。针对Android 2的Titanium SDK 1.7.5。2

var main_win = Titanium.UI.createWindow({ 
    title : 'main_win', 
    backgroundColor : '#fff' 
}); 
var button1 = Titanium.UI.createButton({ 
    title : "open tabGroup", 
    height:35, 
    width:120 
}); 
button1.addEventListener('click', function(e) { 
    tabGroup.open(); 
}); 
main_win.add(button1); 

var win1 = Titanium.UI.createWindow({ 
    title : 'Tab 1', 
    backgroundColor : '#fff' 
}); 
var tab1 = Titanium.UI.createTab({ 
    title : 'Tab 1', 
    window : win1 
}); 
var label1 = Titanium.UI.createLabel({ 
    text : 'I am Window 1', 
    win : win1 
}); 
win1.add(label1); 
var button2 = Titanium.UI.createButton({ 
    title : "< back", 
    top:5, 
    left:5, 
    height: 35, 
    width: 80 
}); 
win1.add(button2); 
button2.addEventListener('click', function(e) { 
    tabGroup.close(); 
}); 

var win2 = Titanium.UI.createWindow({ 
    title : 'Tab 2', 
    backgroundColor : '#fff' 
}); 
var tab2 = Titanium.UI.createTab({ 
    title : 'Tab 2', 
    window : win2 
}); 
var label2 = Titanium.UI.createLabel({ 
    text : 'I am Window 2', 
}); 
win2.add(label2); 
var button3 = Titanium.UI.createButton({ 
    title : "< back", 
    top:5, 
    left:5, 
    height: 35, 
    width: 80 
}); 
win2.add(button3); 
button3.addEventListener('click', function(e) { 
    tabGroup.close(); 
}); 

var tabGroup = Titanium.UI.createTabGroup({ 
    exitOnClose: false 
}); 
tabGroup.addTab(tab1); 
tabGroup.addTab(tab2); 

main_win.open(); 

Answer 2

tabgroup是一个全局元素。我不确定是否有可能关闭它 - 显然不是。你可以跳到一个标签

tabGroup.setActiveTab(id_of_your_tab); 

你需要建立自己的酒吧，如果你必须隐藏它。

此外，是否有可能为视图或滚动视图制作标签视图。

您可以在窗口上使用scrollview：

var scrollView = Titanium.UI.createScrollView({ 
    contentWidth:'auto', 
    contentHeight:'auto', 
    top:0, 
    showVerticalScrollIndicator:true, 
    showHorizontalScrollIndicator:true 
}); 
var view = Ti.UI.createView({ 
    backgroundColor:'#336699', 
    borderRadius:10, 
    width:300, 
    height:2000, 
    top:10 
}); 
scrollView.add(view); 
Titanium.UI.currentWindow.add(scrollView); 

tableviews也实现滚动视图的常用方法。

我可以在制作android 设备的应用程序时使用哪些其他选项。

看看titanium api。它显示了android上可用的方法和视图。您还应该了解Android设备的多密度。所以你需要以多种分辨率提供你的图像。看看titanium guidelines。

希望它有帮助