1

現在の日付に関するデータを含むビューを表示したいのですが、ユーザーがスワイプして前の日に戻れるようにしたいと考えています。

つまり、いくつかの情報を表示したいのですが、ユーザーが別の日にスワイプすると、データが異なる同じデザインになります。

これを行う最も簡単な方法は何ですか?

ビューパラメーターで同じビューでスクロール可能なビューを使用し、ユーザーがビューを変更したときにデータを変更することを考えています。

私はこれを使用します：

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

しかし、これは機能しません。最初のビュー 1 しか表示されません。

私が見つけたもう 1 つの方法は、さまざまなビューを作成し、正しいビューをロードすることです。それは機能しますが、多くのコードを複製する必要があり (インターフェイスは異なるビューで同じになり、データが変更されるだけです)、もちろん、それは最善の方法ではありません。

どうすればこれができるか知っていますか？

前もって感謝します

4

1 に答える 1

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
});
于 2013-07-16T13:40:26.597 に答える