Titanium MobileのAlloy開発　その3

単純な遷移ができたので
遷移後にもどれるようにします

単純にもどるのではなく
ステータスバーなどで戻る用にします

viewのindex.jsを修正する

<alloy>
  <tabgroup navbarhidden="true">  	
    <tab title="masalib test app" id="indexTab" tabbarhidden="true">
		<window class="container">
			<label id="label">Hello, World</label>
			<button id="Button1" onclick="movie1">To TestPage </button>
		</window>
    </tab>
  </tabgroup>
</alloy>

TabGroupを追加しました

コントローラーのindex.jsを修正する

function movie1() {
  var test1Win, index;
  //カレントのタブが設定されていない場合は
  //現在のindexのタブを取得する
  if (Alloy.Globals.currentTab === undefined) {
    index = Alloy.createController("index");
    Alloy.Globals.currentTab = index.getView("indexTab");
  }
  //次のページのviewのタブを設定してタブを開く
   test1Win = Alloy.createController("test1").getView("addWin");
  Alloy.Globals.currentTab.open(test1Win);
}

$.index.addEventListener("open", function(e) {
  Alloy.Globals.currentTab = e.activeTab;
});
$.index.addEventListener("focus", function(e) {
  Alloy.Globals.currentTab = e.tab;
});
$.index.addEventListener("close", function() {
  $.destroy();
});

viewのtest1.jsにiDを設定して

<alloy>
	 <window id="addWin" title="XXXXXX一覧" layout="vertical">
	      <label>問題1. XXXXXXXXX</label>
	      <label>問題2. YYYYYYYYY</label>
	      <label>問題3. ZZZZZZZZZ</label>
	 </window>
</alloy>

f:id:masalib:20131216020420j:plain