3分でわかる！UnityのInputFieldに入力したテキストを表示する方法

UnityのInputFieldの使い方をマスターしたい！

どうも、Linです。コーヒー、毎日注入してます。

Unityでゲームを作っていると、たまに、

InputFieldで入力した文字をテキストで表示したい

というときがでてくると思います。

オンラインゲームのチャット機能を作っている時とか、ユーザーの答えを知りたいクイズゲームとかで必要になってくるでしょう。

今日は、UnityのInputFieldの使い方を完全に我流ではありますが、マスターしたような気がしているので忘れないうちにまとめておきます。

よかったら参考にしてみてください。

3分でわかる！UnityのInputFieldの使い方

今回は例として、

InputFieldに入力したテキストを表示する2Dゲーム

を作成していきますよ。

https://gyazo.com/80965507adfd9efbc7f8d417bef5df10

Step1. それぞれ配置

まずは、いろいろHierachey Viewに追加していきましょう。

今回は、

InputField
Text
空のゲームオブジェクト（GameObject）

を追加しておけばオッケーです。

便宜上、テキストの文字の色を白にしたり、大きくしたり、InputFieldの大きさを変更したりしました。

Step2. コード追加

空のゲームオブジェクトGameObjectに、スクリプトをアタッチして全体を制御していきます。

スクリト名を

GameController

とでもしてみましょう。

こいつを作成したら、GameObjectにアタッチ。

Step3. using UnityEngine.UI

さて、今回はキャンバス要素の、

InputField
Text

をコードで動かしていくので、スクリプトの冒頭に、

using UnityEngine.UI;

を追加します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class GameController : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class GameController : MonoBehaviour {

// Use this for initialization

void Start () {

}

// Update is called once per frame

void Update () {

}

Step4. 変数宣言

続いて、

InputField型
Text型

の2つの変数を宣言していきます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class GameController : MonoBehaviour {

	InputField inputField;
	Text text;

	// Use this for initialization
	void Start () {


		
	}
	
	// Update is called once per frame
	void Update () {
		
	}
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class GameController : MonoBehaviour {

InputField inputField;

Text text;

// Use this for initialization

void Start () {

}

// Update is called once per frame

void Update () {

}

Step5. 変数に代入

先ほど宣言した変数に、InputFieldとTextのゲームオブジェクトを代入します。

今回はFindメソッドで名前を元に、呼び出してみましょう。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class GameController : MonoBehaviour {

	InputField inputField;
	Text text;

	// Use this for initialization
	void Start () {

		inputField = GameObject.Find ("InputField").GetComponent<InputField> ();
		text = GameObject.Find ("Message").GetComponent<Text> ();

		
	}
	
	// Update is called once per frame
	void Update () {


	
		
	}
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class GameController : MonoBehaviour {

InputField inputField;

Text text;

// Use this for initialization

void Start () {

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

text = GameObject.Find ("Message").GetComponent<Text> ();

}

// Update is called once per frame

void Update () {

}

※Textの名前をわかりやすいために「Message」に変更しました

Step6. 文字を代入する関数を作成

UnityのInputFieldでは、

入力が変更された時（On Value Changed）
入力の編集が終わった時（On Edit End）

という2つのタイミングで、とある関数を読み取ることができます。

InputFieldの入力を代入する関数を作成しておけば、好きなタイミングで入力をテキストに反映できるわけです。

ってことで、InputFieldに記入した文字を、テキストに代入するパブリックな関数InputTextを作成。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class GameController : MonoBehaviour {

	InputField inputField;
	Text text;

	// Use this for initialization
	void Start () {

		inputField = GameObject.Find ("InputField").GetComponent<InputField> ();
		text = GameObject.Find ("Message").GetComponent<Text> ();

		
	}
	
	// Update is called once per frame
	void Update () {


	
		
	}

	public void InputText(){

		text.text = inputField.text;

	}