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

Xamarin.iosで画面遷移[storyboard使用]

xamarin 自分用メモ

色々調べてやったらできた方法(あんまり理解はしてない)
自分用メモ

まず適当にプロジェクト作成
で、左のソリューションバー?からMain.storyboardを選択して開く f:id:seto_abe:20161128105424p:plain

右のツールバーからNavigation Controllerドラッグ&ドロップ f:id:seto_abe:20161128105837p:plain

Navigation Controllerと一緒についてきたTable View Controllerがいまいちわからんので直接か右のドキュメントアウトラインから削除 f:id:seto_abe:20161128110125p:plain

次にいい感じに配置して、View Controllerについてた旗をNavigation Controllerドラッグ&ドロップで移動
何故か増える f:id:seto_abe:20161128110515p:plain

control押しながらNavigation ContorllerからView Controllerドラッグ&ドロップすると水色の線が引かれる
このスクショはもう引き終わった後なのでこの段階では真ん中の矢印とTitleの文字は出てこない f:id:seto_abe:20161128111334p:plain

するとポップアップが出てくるのでRootを選択
f:id:seto_abe:20161128111433p:plain

矢印が出ます f:id:seto_abe:20161128111525p:plain

これを実行するとちゃんとTitleと書かれたView Controllerが表示される

次にボタンを押した時の遷移方法
ちょっとコードいじるよ

新しくView Controllerツールバーからドラッグ&ドロップ f:id:seto_abe:20161128112643p:plain

わかりやすいようにプロパティのBackgroundで色を変える f:id:seto_abe:20161128113728p:plain

controlを押しながらView Controller同士を結ぶ この時、下のバーっぽいところ同士を結ぶ(多分) f:id:seto_abe:20161128114607p:plain

またポップアップが出てくるのでPushを選択
f:id:seto_abe:20161128114731p:plain

矢印が引かれる
見えにくいのでちょっとずらした
ちなみにこの矢印はSegue(セグエ)と呼ぶそう f:id:seto_abe:20161128115015p:plain

Segueをクリックし、プロパティのIdentifierを適当な名前に
今回はgoto_greenと命名 f:id:seto_abe:20161128115732p:plain

次にボタンを設置
右のツールバーからButtonを中央のView Controllerドラッグ&ドロップ
プロパティのNameTitleを適当な名前にするよ
今回はNamebtn_goto_green
TitleClick me!!!!!にしてみた f:id:seto_abe:20161128121222p:plain

設置したボタンClick me!!!!!をダブルクリックすると自動的にクリックイベントハンドラーが追加される
このガイドすごいよね
※画像に余計なコード含まれてるけど無視してね f:id:seto_abe:20161128121440p:plain f:id:seto_abe:20161128121546p:plain

追加されたメソッドに以下のコードを挿入

this.PerformSegue("goto_green", this);

元から入ってるthrow new NotImplementedException();コメントアウトしないとエラーでる

     partial void Btn_goto_green_TouchUpInside(UIButton sender)
        {
            //throw new NotImplementedException();
            this.PerformSegue("goto_green", this);
        }

こんなんなる

結果
f:id:seto_abe:20161128134456g:plain

参考

www.buildinsider.net