window - Titaniumの特定の前のウィンドウにポップするにはどうすればよいですか？

Question

からウィンドウをプッシュしました

A-> B-> C-> D

Dが最終ウィンドウである場合、そこからウィンドウAに戻る必要があります。チタンでどうやってやるの？

Answer 1

そのようなためにfireEventを使用できます

このコードを B ウィンドウに追加するだけです

  Ti.App.addEventListener('closeWinB',function(e){
    B.close();
});

ウィンドウAにリダイレクトする場合は、以下のコードを記述します

Ti.App.fireEvent('closeWinB');

それがあなたのために働くことを願っています....

Answer 2

ウィンドウの代わりにビューを使用します。

次のようなウィンドウを作成します。

var PAC = Titanium.UI.createWindow({  
    title:'PAC',
    backgroundColor:'#fff'
});

ビューを「他の画面」または新しいウィンドウとして作成します。これは、全画面ピクセル サイズまたは相対単位を 100% として使用して実現できます。

var viewInputData = Ti.UI.createView({
    backgroundColor:'#fff',
    top:0,
    left:0,
    width:'800px',
    height:'600px',
    zIndex:1
});

var viewOutputData = Ti.UI.createView({
    backgroundColor:'#fff',
    top:0,
    left:0,
    width:'100%',
    height:'100%',
    zIndex:0

});

zIndex 値に注意してください。zIndex 値は、ビューを「一番上」に配置する方法です。この場合、viwOutputDaata は viewInputData の下にあります。

イベントを発生させるボタンを作成します。このウィンドウは、テキスト フィールドの値を表示する zIndex 値を切り替えます。

var  viewInputDataButton = Titanium.UI.createButton({
    width:120,
    height:111,
    top:10,
    backgroundImage: 'bp/images/square_button_1010.jpg',
    backgroundSelectedImage : 'bp/images/square_button_1001.jpg'
});

// declare a input view where your data will live
var viewInputNombre=Ti.UI.createTextField({
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    backgroudColor: 'white',
    top: 250,
    font: {fontsize: 80, fontWeight: 'arial'},
    textAlign: 'center',
    borderWidth:5,
    borderColor: 'black',
    borderRadius:3,
    height:50,
    width: 170

});

// add input to view 
viewInputData.add(viewInputNombre);

次のビューのボタンを作成して追加します

var  viewOutputDataButton = Titanium.UI.createButton({
    width:120,
    height:111,
    top:10,
    backgroundImage: 'bp/images/square_button_1001.jpg',
    backgroundSelectedImage : 'bp/images/square_button_1010.jpg'
});

// Create a simple label
var label2 = Titanium.UI.createLabel({
    color:'#999',
    text:'I am View 2',
    font:{fontSize:20,fontFamily:'Helvetica Neue'},
    textAlign:'center',
    width:'auto'
});

// add label to view 
viewOutputData.add(label2);

zIndex 属性を使用して 2 つのビューを切り替える方法を次に示します。このスイッチを処理する view1 のボタンのイベント リスナーを作成します。

viewInputDataButton.addEventListener('click', function(e){
    label2.setText(viewInputNombre.getValue());
    viewOutputData.setZIndex(viewInputData.zIndex+1); // zIndex change
});

秘密は、ボタン1のビューが「上」にあり、「最大zindex」を持っていることを知っていることです..フォーカスされたビューの現在のzIndexの上にzIndexを追加し、ビューを一番上にポップします...

viewOutputDataButton.addEventListener('click', function(e){
    viewInputData.setZIndex(viewOutputData.zIndex+1);
});

ここでも同じで、ボタンは元のウィンドウに戻るだけです...

// add buttons
viewInputData.add(viewInputDataButton);
viewOutputData.add(viewOutputDataButton);

// add the views to the window
PAC.add(viewInputData);
PAC.add(viewOutputData);

// open it... 
PAC.open();

Answer 3

アプリケーションの構造にもよりますが、通常は次のようなことを行うことができます。

button.addEventListener('click', function(){
    A.open({
        animated: true
    )}
})