gamebox

unityとかゲームとか

【unity】DoozyUI ビュー(View)切り替えメモ2【アセット】

DoozyUIビュー切り替え2。 

こちらから↓の続きで、今回は主にグラフを使って切り替えを行います。

www.unitygamebox.com

 

・グラフのヘルプページはこちら http://doozyui.com/nody/

スペースキーを押しながらドラッグなど、いくつかのショートカットは覚えておいてください。

f:id:rgamebox:20191027152401p:plain

 

・グラフの何も無い所を右クリックして、Create Node → UINode でノードを作成します。

f:id:rgamebox:20191027152600p:plain

 

・UINodeをクリックすると、インスペクターにノードの設定項目が表示されます。

f:id:rgamebox:20191027152737p:plain

 

・UIView1の設定を行います。

ON ENTER NODEはノードに入った時の処理(表示)、ON EXIT NODEはノードから出た時に行われる処理(非表示)となります。

f:id:rgamebox:20191027154158p:plain


 ・この状態で実行するとView1が表示されると思いきや、後から作成したView2の方が表示優先度が高いのでView2が表示されたままになります。

そこでView1と2の設定を行います。

設定項目は同じなので、1と2に以下の設定をしてください。

f:id:rgamebox:20191027155032p:plain

 

・設定を行って実行すると、Node1に遷移してView1が表示される様になります。

f:id:rgamebox:20191027155206p:plain

 

・次にView2と切り替えできるように、View2の設定を行います。

View2のノードを作成して、View1と同様の設定を行います。

f:id:rgamebox:20191027155608p:plain

 

・View1にある”ToView2”ボタンを設定するとノードビューの方にも反映されます

f:id:rgamebox:20191027155944p:plain

 

・ToView2のボタンからView2のノードをつなげます。

f:id:rgamebox:20191027160242p:plain

f:id:rgamebox:20191027160313p:plain

 

・ここまでの状態で実行し、”ToView2”のボタンを押すと以下の様にVIew2の画面に切り替わります。もし、切り替わらない場合はView2のShowViewの設定がきちんとされているかなどを確認してください。

f:id:rgamebox:20191027160843p:plain

 

 ◆View2 →  View1へ

・次にView2からView1に戻るボタンの設定を行います。

View1で行った設定と同様に、View2ノードを選択して、OUTPUT CONNECTIONSのボタン設定を行います。

f:id:rgamebox:20191027161435p:plain

 

・ToView1ボタンからView1ノードに繋げます

f:id:rgamebox:20191027161708p:plain

 

 ◆完成!

・これで実行すると切り替えられます!

f:id:rgamebox:20191027161938g:plain

 

ノンコーディングで画面を遷移させる事ができました。

記事にするとそれなりに長くなったけど、慣れると直感的に扱えるようになるアセットです。