0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Unity ボタンUIの使い方

Posted at

##0.0 はじめに
UnityのButton UI(ボタンUI)の使い方についての忘備録です。
ボタンUIのボタンコンポーネントにはOn Clickというイベントが用意されています。
このイベントでボタンが押されたという動作を取得します。

👍ポイント!!
ボタンUIのOn Clickイベントは 押した後の離した時に (押しただけではイベントが始まりません)反応しますので注意が必要です。

##1.0 ボタンUIの作成方法
Hierarchy(ヒエラルキー) ウインドウで Create → UI → Button の順に選択します。
HierarchyとInspectorウインドウの中にButton(ボタン)オブジェクトができます。

👍ポイント!!
ボタンUIは初期状態ではCanvas(キャンバス)オブジェクトの中に作られます。このままCanvasに入れておきましょう。またいっしょにEventSystemオブジェクトも作られます。このEventSystemオブジェクトはボタンのイベントを使うときに必要となります。このままHierarchy内に入れておきましょう。

ボタンの作成方法

##2.0 ボタンコンポーネント
ボタンオブジェクトの中にボタンコンポーネントが出来ています。
このコンポーネントの中にOn Click()と書かれている場所(On Clickイベント)があります。
ここでボタンが押された時に呼び出す関数を登録できます。

👍ポイント!!
初期状態でボタンUIを作成した場合に自動的に作成されるEventSystemがシーン上で有効になっていないとボタンUIのイベントが認識されませんので注意が必要です。

ボタンコンポーネントとOn Clickイベント

##3.0 呼び出す関数の作成
ボタンUIを押した時にOn Clickイベントで呼び出される関数を作ります。
今回は、OnPushButton()関数を記述したButtonTestというスクリプトを作って、ボタンオブジェクトに貼り付けました。なお、呼び出す関数のアクセス修飾子はpublicにしなければいけません。
OnPushedButton()関数が呼び出されるとコンソール画面に ボタンが押されたよ!! と表示するスクリプトです。

ButtonTest.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ButtonTest : MonoBehaviour
{
    // 呼び出す関数
    public void OnPushedButton() {
        Debug.Log("ボタンが押されたよ!!"); // コンソールに表示
    }
}

##4.0 スクリプトの貼り付け
作ったスクリプトをボタンオブジェクトに貼り付けます。
保存したButtonTestスクリプトをボタンオブジェクトにドラッグ&ドロップします。
Inspectorウインドウでボタンオブジェクトを見てみるとButtonTestスクリプトが貼り付けられたButtonTest(Script)コンポーネントが出来ています。
Add Component

##5.0 呼び出す関数の登録
ボタンを押した時に呼び出される関数を登録します。
ボタンコンポーネントの中のOn Clickイベントの右下に " + " ボタンがあります。これを押すと関数を登録できる画面が出てきます。
ここに関数を持っているオブジェクトを登録します。
On Click

呼び出したい関数を持ったスクリプトを持っているボタンオブジェクト(Button)をOn Click()のオブジェクト指定の空欄 ( None(Object)となっているところ)にドラッグ&ドロップします。

Add Component

次に No Functionと書かれたボタンからスクリプト名(ButtonTest)を選び、その中の関数名(OnPushedButton())を選びます。
Add Component

👍ポイント!!
スクリプト名が表示されていない場合はボタンオブジェクトが正しくセットされていない、もしくはボタンオブジェクトに正しくスクリプトが貼り付けられていない可能性があります。
スクリプト名が表示されているけれど関数名が表示されていない場合は、関数のアクセス修飾子がpublicになっていない可能性があります。


**ゲームを再生(Play)、そしてボタンオブジェクトを押した後に、コンソール画面に下記のようなメッセージが表示されれば成功です。** ![ConsoleScreenWhenButtonClicked.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/ef61593e-1d59-6b2d-6ded-c096344f2e83.jpeg)
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?