ボタンクリックで指定のテキストを表示

2021年02月12日

ボタンをクリックすると、指定のテキストを表示するしくみを作りましょう。

ボタンA、ボタンBクリックすると、それぞれテキスト表示が変わります。

ボタンとテキストの用意

今回はTextMeshProを用いて、テキストオブジェクトを作成します。

日本語を入れる場合は、こちらの手順をご参照ください。

TextMeshProのフォントアセットと日本語対応

こういうウィンドウが出てくれば、Import TMP Essentialsをクリックします。

テキストのカラーやサイズなどを変更し、中央上部に配置します。

デフォルトのテキストは削除しておきます。

ボタンを2個作成し、それぞれ名前を、ButtonA、ButtonBに変更。

ボタン内のテキストをAとBにして、横並びに配置しました。

GameObject（空のオブジェクト）を作成します。

ClickSelect.csを作成し、GameObjectに追加します。

ClickSelect.csを記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using TMPro;

public class ClickSelect : MonoBehaviour
{
    [SerializeField] TextMeshProUGUI selectText;
 
    public void SelectA()
    {
        selectText.text = "Selected A";
    }

    public void SelectB()
    {
        selectText.text = "Selected B";
    }
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using TMPro;

public class ClickSelect : MonoBehaviour

{

[SerializeField] TextMeshProUGUI selectText;

public void SelectA()

{

selectText.text = "Selected A";

}

public void SelectB()

{

selectText.text = "Selected B";

}

SelectTextのフィールドに、Textオブジェクトを入れます。

SelectA()メソッドを、ボタンから実行できるようにします。

ButtonAを以下の手順で設定しましょう。

同様に、SelectB()メソッドを、ボタンから実行できるようにします。

ButtonBを以下の手順で設定しましょう。

ゲームプレイして、動きを確認しましょう。

それぞれボタンによって、テキスト表示が切り替わります。

＼ Udemyで講座はじめました／

< 前の記事次の記事 >

ボタンクリックで指定のテキストを表示

ボタンとテキストの用意

＼ Udemyで講座はじめました／

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室

ボタンクリックで指定のテキストを表示

ボタンとテキストの用意

＼ Udemyで講座はじめました ／

関連記事

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室

＼ Udemyで講座はじめました／