
チャレンジ 4:インタラクティブな UI コンポーネント
Tutorial
foundational
+10XP
20 mins
Unity Technologies

- Slider、Toggle Group、Input フィールドを用いて UI メニューを更新する
- Input フィールドからの入力を反映させるための Scroll Rect を追加する
1. Settings メニューの実装
1. 新しい Image を追加し、名前を Settings メニューに変更します。
2. 上部に Text を追加し、Text を「Settings」に置き換えます。
3. 4つの Toggle を子のゲームオブジェクトとして追加します。
4. 各 Toggle の OnClick イベントを新規作成します。
5. Hierarchy の中から 4つのゲームオブジェクト(UI 以外のオブジェクト)を見つけて、各 Toggle に個別にドラッグします。
6. Onclick() を SetActive(bool) に設定します。
7. 空のゲームオブジェクトを追加し、Grid Layout コンポーネントを追加します。
8. Toggles (トグル) をこのゲームオブジェクトの親にして、Grid Layout パラメーターを調整し、トグルをグリッドのセルの形状にします。
9. Slider を追加し、イベントリファレンスとして Spotlight ゲームオブジェクトを追加します。
10. イベントを Light Intensity に設定します。
11. Max Value を 50 などの増加した値に更新します。
12. スライダーの下に Input フィールドを追加し、Placeholder Text を「Email」に置き換えます。
13. 下部にボタンを追加し、Text に「Save」と表示させます。
14. 再生ボタンを押して、各インタラクティブなコンポーネントをテストします。