Unity3D - uGUI
最終更新：
bokkuri_orz 2015年03月18日(水) 01:42:44履歴
目次 
UI種類
UI Canvas
UIレンダリングのルート要素。
各UIはこの子階層に配置する。
- Render Mode
| Screen Space - Overlay | スクリーン上の最前面。自動的に画面全体表示。 |
| Screen Space - Camera | カメラのビューポートに合わさる。3D的な表現が可能 |
| World Space | 完全3D空間 |
- 階層構造
Canvasの下にパネルを2枚配置し、片方のパネルには画像、スライダー、ボタンを配置しています。
UI Rect Transform
Pivot
拡大、縮小、回転の基準点
UI編集モード、Pivot を選択すると、UIのPivotをドラッグ＆ドロップで編集できるようになる。
※この時、Pivotの青リングの色が、四隅の青い点と同じ濃さになります。
左側の5つのアイコンの右端で、UI編集モード
道側の2つのアイコンの左端は、Pivotにする
- Pivot編集不可能状態
- Pivot編集可能状態
Anchor
親UIのサイズとの比率から、UIの位置とサイズを調整する機能。
親UIのサイズを変更すると、比率を維持しつつ子のUIが拡縮、移動する。
参考サイト
UnityのuGUIのレイアウト調整機能について解説してみる（RectTransform入門）
http://tsubakit1.hateblo.jp/entry/2014/12/19/03394...
Pivot, Anchorの細かい説明、設定の仕方がまとめられています。
UI Button
- transition
| Color Tint | 色変化 | Normal Color : 通常カラー Highlighted Color : カーソルオーバー時 Pressed Color : ボタン押下時 Disabled Color : ボタン無効時 |
| Sprite Swap | スプライト切り替え | Highlighted Sprite : カーソルオーバー時 Pressed Sprite : ボタン押下時 Dsabled Sprite : ボタン無効時 |
| Animation | アニメーション |
- OnClick()
ボタンクリック時のイベント呼び出し。- 右下の＋ボタンでイベント追加。
- 追加済みのイベントを選択して、右下の−ボタンでイベント削除。
- 左下の枠にイベント送り先のオブジェクトをドラッグ＆ドロップ
- 右のコンボボックスで、イベント呼び出し対象のメソッドを選択
※独自スクリプトのメソッド呼び出しも可能。メソッドは public にする。
UI Image
- Image Type
| Simple | スライス無し |
| Sliced | スライスの中心、縁を引き伸ばす |
| Tiled | スライスの中心、縁のテクスチャをタイリングする |
| Filled | Simpleと同じ。Fill Methodを指定できる。円形、水平、垂直にスワイプして表示できる |
- Fill Center
スライスの中央をスプライトで埋めるかどうか
UI Text
UI Events and Event Triggers
UI Slider
UI Transitions
UI Scroll Rect
UI Scrollbar
UI Mask
The New UI
参考サイト
公式：UIチュートリアル
http://unity3d.com/learn/tutorials/modules/beginne...
UnityのuGUIとImageとSpriteとスライスについて
http://tsubakit1.hateblo.jp/entry/2015/02/19/23590...
最新コメント