1

Titaniumでアプリを開発しています。それを 4 つの異なるビューに分割して、scrollView を作成しました。2番目以降のビューからのみ常に見える別のビューを配置したい。どうやってやるの?

私のapp.jsコードがあります:

    (function(e){
            var principal = Ti.UI.createWindow({
            backgroundColor: '#fbfbfb',
            exitOnClose:true,
            navBarHidden: true 
            }),
            pantallaBienvenida = require('ui/pantallaBienvenida'),
            pantallaTitular = require('ui/pantallaTitular'),
            pantallaDependiente = require('ui/pantallaDependiente'),
            pantallaAsistenciaMedica = require('ui/pantallaAsistenciaMedica'),
            primeraPantalla = new pantallaBienvenida,
            segundaPantalla = new pantallaTitular,
            terceraPantalla = new pantallaDependiente,
            cuartaPantalla = new pantallaAsistenciaMedica,
            scrollView = Ti.UI.createScrollableView({
                views:[primeraPantalla,segundaPantalla,terceraPantalla,cuartaPantalla]
            });     

        principal.add(scrollView);
        principal.open();
})();
4

1 に答える 1

0

ScrollView ではなく ScrollableView を使用していますが、それらは大きく異なります。

ユーザーが ScrollableView の 2 番目の要素に移動したときに追加情報を表示する場合は、新しい要素を Window に追加し、そのプロパティを visible = false に設定する必要があります。

次に、イベント リスナーを作成し、dragend が起動されたときにそのビューを表示します。

いくつかのコード例:

floatingView = require('ui/floatingview')
floatingView.visible = false;
principal.add(floatingView);

scrollView.addEventListener('dragend', function(event){
  if (this.currentPage !== 0) {
    floatingView.visible = true;
  } else {
    floatingView.visible = false;
  }
});
于 2013-10-08T19:05:54.413 に答える