2013-07-16 51 views
1

我想顯示一些關於當前日期的數據的視圖,並且我想允許用戶滑回到前幾天。相同視圖之間的鈦可滾動視圖

我的意思是,我想顯示一些信息,如果用戶刷到另一天,它將是具有不同數據的相同設計。

這樣做最簡單的方法是什麼?

我想用scrollableview在視圖params中使用相同的視圖,並在用戶更改視圖時更改它們的數據。

我用這個:

var scrollableView = Ti.UI.createScrollableView({ 
    views : [view1, view1, view1], 
    showPagingControl : true 
}); 

但是,這並不工作,它只能顯示第一廠景。

我發現的另一種方法是創建不同的視圖並加載正確的視圖。它的工作原理,但我必須複製很多代碼(接口將在不同的視圖相同,它只會改變數據),當然,這不是最好的方法。

你知道我該怎麼做嗎?

在此先感謝

回答

2

使用包裝美景的CommonJS的模塊,然後改變視圖參數,繼承人一個簡單的例子:

// myView.js 
function MyView(title, color) { 
    var self = Ti.UI.createView({backgroundColor : color}); 
    var label = Ti.UI.createLabel({text: 'A simple label'}); 
    // Add other components to your custom view 
    self.add(label); 
    return self; 
} 

// Dont forget this! 
module.exports = MyView; 

現在需要你的自定義模塊,並在使用它你可滾動查看:

var MyView = require('MyView'); 
var scrollableView = Ti.UI.createScrollableView({ 
    views : [new MyView("View 1", "red"), new MyView("View 2", "green"), new MyView("View 3", "blue")], 
    showPagingControl : true 
}); 
+0

非常感謝。我試過這個,但是我收到一條錯誤消息:'[object Object]'不是一個構造函數。問題是什麼?謝謝 –

+0

糟糕,我忘了添加'module.exports' ..嘗試編輯代碼! –