如何像滚动视图一样获得窗口元素的转换？

Question

我正在尝试在 Appcelerator 中制作一个演示，这里是它的代码。

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 即主窗口。代码出了什么问题。

编辑

我想要一个窗口（可以是视图/窗口或其他东西。）即ma​​in_win，它有一个名为button1的按钮。当我单击 button1 时，它会移动到另一个视图，该视图向我显示两个选项卡式视图，即与 tab1 关联的 win1 和 win2 > 和 tab2。单击tab1将显示win1，单击tab2将显示win2。 win1 和 win2 都有一个按钮，上面写着 button2，单击该按钮会将我们返回到 ma​​in_win。另外，我希望过渡就像我们默认从滚动视图中获得的那样。

Answer 1

我总是将 tabGroup 视为窗口。它没有记录，但您可以在 Android 中的 tabGroups 上使用 exitOnClose 属性。请看看下面的代码是否满足您的需要。针对 Android 2.2 的 Titanium SDK 1.7.5

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 设备的多密度。因此您需要提供多种分辨率的图像。请查看钛金指南。

希望有帮助