テキスト・ボタン

Canvasを作成し、その上にテキストやボタンを置く。

Canvasの作成方法

• Hierarchy上で、右ボタンを押す

• 表示されたメニューから、UI/Canvasを選択

• 作成されたCanvas上で、右ボタンを押す

• 表示されたメニューから、UI/TextやButtonを選択

UI Scale Mode: サイズ調整(Scale with Screen Size: 実際の画面サイズに調整)

Reference Resolution:画面サイズ( 1920 1080:フルHD)

Screen Math Mode: 調整方法(Expand: 画面からはみ出ないよう調整)

UnityでUIボタンを操作する手順 

1. UIボタンを作成する

1. Unityエディタで「Hierarchy」ビューを右クリック

2. UI > Button を選択します
   　※自動的にCanvasとEventSystemも作られます
   
   

2. スクリプトを作成する

1. 「Project」ビューで 右クリック > Create > MonoBehaviour Script を選択し、名前をつけます（例：MyButtonHandler）

2. スクリプトをダブルクリックして開き、以下のように編集します：
   
   

using UnityEngine;

using UnityEngine.UI;

public class MyButtonHandler : MonoBehaviour

{

    public void OnButtonClick()

    {

        Debug.Log("ボタンが押されました！");

        // ここに実行したい処理を書く

    }

}

3. ボタンにスクリプトを設定する

1. スクリプトをCanvasあるいは、GameManagerなどGameObjectにアタッチします

2. Buttonオブジェクトを選択し、Inspectorで「Button (Script)」コンポーネントを確認

3. OnClick() イベントの「+」をクリックしてイベントを追加

4. スクリプトをアタッチしたオブジェクトをドラッグ＆ドロップ

5. ドロップダウンから MyButtonHandler > OnButtonClick() を選択

Horizontal Layout Group コンポーネント

子UIを横に等間隔で並べてくれる。

Spacing: 間隔 (20)

Child Alignment: 配置位置 (Lower Center 下段中央寄せ)

Control size Fitterコンポーネント

子UIのサイズに応じて親UIのサイズを自動調整する。

Horizontal Fit: Min Size (最低限必要な幅サイズ)

Grid Layout Groupコンポーネント

格子状に並べる。

Cell Size: x 100, y 100 (100x 100の大きさ)