読者です 読者をやめる 読者になる 読者になる

masalibの日記

システム開発、運用と猫の写真ブログです

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

f:id:masalib:20131216020503j:plain

ちなみに戻るとタイトルが消えるという現象が
でています
原因がわからず・・・今も放置しています

f:id:masalib:20131216020633j:plain