ボタンを押して入力テキストを表示させる

2021年02月10日

ボタンを押せば、入力フィールド（InputField）の文字が表示される仕組みをつくってみましょう。

まずは、ヒエラルキー　> UI > 入力フィールドを作成します。

同様に、ヒエラリキー > UI から、テキストとボタンを作成しましょう。

Canvasの中に、InputField、Button、Textがあります。

この3つを、移動、サイズ調整して、このように並べました。

ボタン内のTextは、「クリック」に変えています。

InputFieldのスクリプト

InputText.csを作成し、InputFieldに追加します。

コードは以下ように書きました。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI; //UIを扱う

public class InputText : MonoBehaviour
{
    public Text text; //テキストエリア

    public void TextAppare()
    {
        //InputFieldに入力された文字を取得
        Text FieldText = GameObject.Find("InputField/Text").GetComponent<Text>();
        
        //InputFieldに入力された文字をテキストエリアに表示
        text.text = FieldText.text;
        
        //InputFieldに表示された文字を消す
        InputField column = GameObject.Find("InputField").GetComponent<InputField>();
        column.text = "";
    }
 
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI; //UIを扱う

public class InputText : MonoBehaviour

{

public Text text; //テキストエリア

public void TextAppare()

{

//InputFieldに入力された文字を取得

Text FieldText = GameObject.Find("InputField/Text").GetComponent<Text>();

//InputFieldに入力された文字をテキストエリアに表示

text.text = FieldText.text;

//InputFieldに表示された文字を消す

InputField column = GameObject.Find("InputField").GetComponent<InputField>();

column.text = "";

}

InputFieldのインスペクターを確認すると、テキスト項目ができています。

ここにTextを入れましょう。

TextAppare()メソッドに、文字をテキストエリアに表示する、一連のアクションが入っています。

これをボタン側で実行させます。

ボタンでInputFieldを取得

Buttonの設定をインスペクタ－から行いましょう。

クリック時のところにある「＋」マークを押します。

InputFiledのオブジェクトを入れて、InputText > TextAppare（）の順に選びましょう。

以上で完成しましたので、最後にデフォルトで入っているNewTextの文字は消しておきます。

プレイして、表示を確認しましょう。

InputFieldに入力した文字を、ボタンクリックで取得し、テキストエリアに表示されました。

< 前の記事次の記事 >

ボタンを押して入力テキストを表示させる

InputFieldのスクリプト

ボタンでInputFieldを取得

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室