facebook twitter hatena line email

「Unity/UIText」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(カスタムTextのScript制御)
(部分的に色を変える)
行66: 行66:
  
 
==部分的に色を変える==
 
==部分的に色を変える==
  Text.text = "<color=#ff0000>hoge</color>hoge";
+
  Text name.text = "<color=#ff0000>hoge</color>hoge";
 +
Text name.supportRichText = true; // defaultでonだから不要かもだけど

2019年2月24日 (日) 20:14時点における版

Text配置

  1. メインメニュー/GameObject/UI/Textを選択すると"New Text"がCanvas上に設置される
  2. そのまま再生
  • Project Saveだと消えるかも。File/Sence Saveしておかないと。

UITextを制御する方法は2つ

  1. Textオブジェクトに直接Scirptを入れこむ方法
  2. Textオブジェクトを外部のCanvasScriptから制御する方法

1つ目:Textに直接Scriptを入れ込み制御

  1. UITextを配置
  2. UITextを選択してinspectorを開く
  3. AddComponentからTextScript.csを作成する
  4. そのscriptのStartメソッド内に以下を記述
this.GetComponentInChildren<Text>().text = "hoge";
  1. 再生すると配置したUITextのNewTextがhogeになる

2つ目:Textを外部のCanvasScriptから制御

  1. UITextを配置
  2. Canvasを選択してinspectorを開く
  3. AddComponentからCanvasScript.csを作成する
  4. Canvas側のscriptに記述
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class CanvasScript : MonoBehaviour {
	public Text myText;
	void Start () {
		myText.text = "hoge";
	}
	void Update () {
	}
}
  1. Canvasのinspectorを開きCanvas下のTextを"CanvasのinspectorのmyText"へドラッグ
  2. 再生すると配置したUITextのNewTextがhogeになる

参考:http://hiyotama.hatenablog.com/entry/2015/04/27/060000

カスタムTextのScript制御

  1. UITextを配置
  2. UITextを選択してinspectorを開く
  3. 一番上のTextというところをMessageTextなどと変えてエンターキーを押す(エンターを押さないと変更できない)
  4. AddComponentでNewScriptを選択して"MessageText"と入れてMessageText.csファイルを作る
  5. AddComponentにMessageTextが登録されていることを確認(登録されていなければ、MessageText.csを追加する
  6. MessageText.csに以下の通りに
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class MessageText : MonoBehaviour {
	public string text = "";
	// Use this for initialization
	void Start () {
	}
	// Update is called once per frame
	void Update () {
		this.GetComponent<Text>().text = text;
	}
}
  1. Canvas側のscriptに記述
public MessageText messageText;
myMessageText.text = "hoge";

or

messageText.GetComponent<MessageText>().text = "Click!";

部分的に色を変える

Text name.text = "<color=#ff0000>hoge</color>hoge";
Text name.supportRichText = true; // defaultでonだから不要かもだけど