4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Unity】GUI.Buttonの文字の大きさ、色をGUISkinを使って設定する方法

Posted at

GUI.Buttonに対して文字の大きさ、フォントの色を変える必要が出てきた。
ボタンのフォントサイズ、色を変更する方法を記載する。

#普通のボタン

スタイルを設定しなければ、以下のように「GUI.Button」を呼び出すだけで
良い。

button.cs
	void OnGUI () {
		bool push;
	
		//---------------------------------------------------------------
		//色や文字の大きさの指定がない、ごく普通のボタン。実装が一番簡単
		//---------------------------------------------------------------
		// ボタンを表示する
		// X位置 Y位置 幅 高さ ボタン名を書く
		push = GUI.Button(new Rect(20, 30, 100, 50), "Normal Button");
		if (push == true) {
			//ボタン押された状態
			Debug.Log("普通のボタン押された");
		}
}

一見、綺麗なボタンのように見えるが、フォントサイズを変更できないため
Android端末で確認すると文字が小さくて見えないという問題が発生した。

スクリーンショット 2016-01-30 23.56.57.png

#GUISkinをボタンに適用してボタンのスタイルを変更する

(1)GUISkinを新規に作成する

スクリーンショット 2016-01-30 11.11.00.png

(2)作成したGUISkinをソースコードに割り振る
スクリーンショット 2016-01-30 11.10.45.png

(3)ソースコードの編集
GUI.Buttonの引数にGUISkinを設定する。

button.cs
public class GuiButtonSample : MonoBehaviour {

	[SerializeField]
	private GUISkin buttonGuiSkin;	//ボタンのスタイル設定用 

	void OnGUI () {
		bool push;
	


		//---------------------------------------------------------------
		//GuiSkinで設定する。ボタンにスタイルを設定するなら一番簡単な方法だと思う
		//---------------------------------------------------------------
		push = GUI.Button (new Rect (20, 160, 150, 50), "Sukin Button", buttonGuiSkin.GetStyle ("button"));
		if (push == true) {
			//ボタン押された状態
			Debug.Log("GuiSkinで設定されたボタン押された");

		}

	}

}

その結果、ボタンの中の文字のフォントサイズ、色を変更することができました。
スクリーンショット 2016-01-30 23.57.04.png

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?