【Unity】NGUIの基本操作その５
水曜担当です。
NGUI基本操作5回目です。
今回はスクロール画面の元を作成します。
１・「Panel」2個を作成し、1個に枠となるSpriteを配置しサイズを指定します。
２・もう1つの「Panel」にはスクリプトの「UIDraggble Panel」をアタッチし、「Scale」を設定します。
Scale：縦のみスクロースさせるときはYを1に、他は0に設定。
３・「UIPanel」の「Clipping」を「SoftClip」に変更し「Size」と「Softness」を設定します。
Size：スクロール画面のサイズ
Softness：枠が消える大きさを設定。
４・「UIDraggble Panel」をアタッチしたPanel配下にSpriteを作成。(スクロールの中身とします。)
５・作成したSpriteに「Collider」とNGUIスクリプトの「UIDrag Panel Contents」をアタッチします。
「UIDrag Panel Contents」の「Draggble Panel」親のパネルを設定します。
以上でスクロールが完成です。
※１ 他にNGUIスクリプトのGrid等を混ぜて使うと便利です。
※２ 実際に試してみると分りますがボタンを配置すると、うまく動かないです。
あくまで画像等をスクロールさせる内容となります。
ボタンなども含めてスクロールさせるとなるとNGUI Exampleの「Scroll View (Camera)」を
参考にしたほうがいいと思います。
NGUI基本操作5回目です。
今回はスクロール画面の元を作成します。
１・「Panel」2個を作成し、1個に枠となるSpriteを配置しサイズを指定します。
２・もう1つの「Panel」にはスクリプトの「UIDraggble Panel」をアタッチし、「Scale」を設定します。
Scale：縦のみスクロースさせるときはYを1に、他は0に設定。
３・「UIPanel」の「Clipping」を「SoftClip」に変更し「Size」と「Softness」を設定します。
Size：スクロール画面のサイズ
Softness：枠が消える大きさを設定。
４・「UIDraggble Panel」をアタッチしたPanel配下にSpriteを作成。(スクロールの中身とします。)
５・作成したSpriteに「Collider」とNGUIスクリプトの「UIDrag Panel Contents」をアタッチします。
「UIDrag Panel Contents」の「Draggble Panel」親のパネルを設定します。
以上でスクロールが完成です。
※１ 他にNGUIスクリプトのGrid等を混ぜて使うと便利です。
※２ 実際に試してみると分りますがボタンを配置すると、うまく動かないです。
あくまで画像等をスクロールさせる内容となります。
ボタンなども含めてスクロールさせるとなるとNGUI Exampleの「Scroll View (Camera)」を
参考にしたほうがいいと思います。
« 【Java】SQLiteでDBを操作してみる その２ | 【Androidアプリ紹介】モンスラ »
コメント
| h o m e |
