Appcelerator Titanium 移动应用程序屏幕？

Question

我正在尝试弄清楚如何使用 Appcelerator Titanium 制作多屏应用程序。我熟悉 Android 开发，因此使用 Android SDK 我会创建一些不同的活动，每个活动执行不同的工作（登录屏幕、显示项目列表的屏幕等）。Titanium 中的等效项是什么？我知道 app.js 是应用程序的主要部分，但我认为不建议将所有代码都放在该单个文件中。厨房水槽应用程序有很多文件和功能，但我不确定它们如何组合在一起。那么，在 Titanium 中为具有几个屏幕执行不同操作的基本应用程序创建项目的推荐方法是什么？我缺少屏幕的钛概念。

Answer 1

不..

你可以像

var button = Ti.UI.createButton({..});

button.addEventListener('click',function(e){
    var window = Ti.UI.createWindow({
            url:"../newWindow.js",
            title:"newWindow"
    });

    Titanium.UI.currentTab.open(window,{animated:true});
});

我建议使用 MVC 模式就像我已经在这里发布的。

Answer 2

App.js 文件基本上是初始化不同窗口屏幕的文件，并使用选项卡加载这些窗口屏幕。这里是创建简单屏幕的链接 创建窗口&选项卡

有关与 TitaniumUI 相关的更多属性

Answer 3

尝试这样做：

app.js

Tintanium.include('window1.js', 'window2.js');

...

    var button1 = Titanium.UI.createButton({...});

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

window1.js

var window1=Titanium.UI.createWindow({...});

...etc...

希望这会有所帮助；）

Answer 4

尝试使用下面的代码：

    // functions
    function openHomescreen(e)
    {
        settings.close();
        getlucky.close();
        survey.close();

        homescreen.url          = 'homescreen.js';
        homescreen.open();
    }

    function openGetlucky(e)
    {
        settings.close();
        homescreen.close();

        getlucky.url           = 'getlucky.js';
        getlucky.open();
    }

// events
Ti.App.addEventListener('homescreen',openHomescreen);
Ti.App.addEventListener('getlucky',openGetlucky);

openHomescreen({});

要在其他 JS 文件中打开主屏幕，请使用此代码。

Ti.App.fireEvent('homescreen');

Answer 5

经过大量时间的研究，我找到了通过附加到按钮的单击事件打开不同窗口的解决方案。

employee.js

//Current window (employee window)
var employeeWin = Ti.UI.currentWindow;

//define button
var moveToDetailBtn = Ti.UI.createButton({
   width      : 200,      //define the width of button
   height      : 50,      //define height of the button
   title         : 'Show Detail'   //Define the text on button
});

//Click event to open the Employee Details window
moveToDetailBtn.addEventListener('click', function(){

   //Call a export function
   var win = require('employeeDetails').getEmployeeDetailSWin;

   //Create new instance
   var employeeDetailsWin = new win();

   //Open the Employee Details window
   employeeDetailsWin.open();
});


//Add the button to the window
employeeWin.add(moveToDetailBtn);

在employeeDetails.js中，

exports.getEmployeeDetailSWin = function(){

   //Creates a new window
   var empDetailsWin = Ti.UI.createWindow({
      backgroundColor   : '#ffffff'      //Define the backgroundcolor of the window
   });

   //Addin a label to the window
   empDetailsWin.add(Ti.UI.createLabel({
      width      : 100,      //Define width of the label
      height      : 50,      //Define height of the label
      title         : 'Employee Details'
   }));

   return empDetailsWin;
};

我在此页面找到了解决方案：http://www.mindfiresolutions.com/Open-New-Window-Without-URL-Property-In-Titanium-2214.php< /a>