【Unity入門】InputFieldで入力された文字列を取得してみよう!

2023年3月21日

sato

スコア画面やタイトル画面で、名前をなどを入力したいことありますよね。

そんな時inputfieldを使うと簡単に実装できます。

この記事では、

・inputfieldとは
・inputfieldの実装方法

といった基本的なことから、

・inputfieldの重要なパラメーターの解説
・シーンの切り替え方法

といった少し応用的なことまで、わかりやすく解説します。

inputfieldとは?

inputfieldとは入力された文字を取得できるオブジェクトのことです。

取得された文字は画面に表示させたりなど、様々な用途で使えます。

inputfieldの構成は、inputfieldオブジェクトがあり、その子要素としてTextオブジェクトとPlaceholderオブジェクトがあります。

Textオブジェクトは文字を入力する部分です。

ここに入力された文字を取得できます。

Placeholderオブジェクトは何も入力していない状態で、うっすらと表示されている文字のことです。

初期状態では「Enter text…」となっていますが、文字は変更できます。

inputfieldを実装してみよう!

下準備

今回はinputFieldに文字を入力してテキストに反映させてみましょう。

まずは inputfieldオブジェクトを作成します。

HierarchyビューのCreateを押し、UI、InputFieldを順に押していき選択します。

inputfieldオブジェクトを作成すると、それに伴ってCanvasが自動で作成されます。

このままでは日本語を入力することはできないので設定をします。

inputfieldオブジェクトを選択し、inspectorからLineTypeをMultiLineNewlineに変更してください。

この設定は忘れがちなので注意しましょう。

inputfieldオブジェクトを作り終えたらTextオブジェクト、スクリプト、空のオブジェクトを作りましょう。

空のオブジェクトにはスクリプトを結びつけてください。

レイアウトについては適宜設定しましょう。

スクリプトを記述

結びつけたスクリプトへは以下のように記入をしましょう。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
//追加する！
using UnityEngine.UI;

public class Test : MonoBehaviour {

  //オブジェクトと結びつける
  public InputField inputField;
  public Text text;

  void Start () {
    //Componentを扱えるようにする
             inputField = inputField.GetComponent<InputField> ();
      text = text.GetComponent<Text> ();

    }

    public void InputText(){
                //テキストにinputFieldの内容を反映
         text.text = inputField.text;

     }

}

public変数のinputFieldとtextにオブジェクトを指定しましょう。