3テラバイト

プログラム関連備忘録サイト。主にゲーム。

Unity

UnityでuGUIのButtonサイズを子のTextのサイズに自動で合わせる

投稿日:

こんにちは、今日はUnityのuGUIでButtonのサイズを、子オブジェクトのTextのサイズに合わせて変更する方法についてまとめていきます。

確認環境

Version 2018.4.15f1

実装方法

この記事ではVertical Layout Group、Horizontal Layout Group、Grid Layout GroupのLayout Group系のコンポーネントのいずれかと、Layout Elementコンポーネントを用います。

Vertical Layout Group – https://docs.unity3d.com/ja/2018.4/Manual/script-VerticalLayoutGroup.html

Horizontal Layout Group – https://docs.unity3d.com/ja/2018.4/Manual/script-HorizontalLayoutGroup.html

Grid Layout Group – https://docs.unity3d.com/ja/2018.4/Manual/script-GridLayoutGroup.html

Layout Element – https://docs.unity3d.com/ja/2018.4/Manual/script-LayoutElement.html

実装手順

Buttonオブジェクトの追加

新規プロジェクトでGameObject > UI > ButtonからuGUIのButtonオブジェクトを追加します。
これで自動的にButtonオブジェクトの他に、親にCanvasと、子にTextオブジェクトが追加されます。

コンポーネントの追加

この内、CanvasとButtonにVertical Layout Groupコンポーネントを追加、Child Force ExpandのチェックをWidth, Height共に外し、Child Controls SizeのチェックをWidth, Height共に入れます。
これで上の画像のようにTextのサイズに合わせてButtonのサイズが変更され、位置もCanvasの左上に移動するかと思います。

コンポーネント設定値の変更

Buttonの配置レイアウトはCanvasに付与したVertical Layout GroupコンポーネントのChild Alignmentで、ButtonのサイズはTextのサイズに合わせて変更する他、ButtonのVertical Layout GroupコンポーネントのPaddingでも上下左右にパディングを追加できます。

また、TextオブジェクトにLayout Elementコンポーネントを追加し、その設定値からも最低サイズ等の設定が行えます。

-Unity


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Unity – システム情報とハードウェア情報を取得する

こんにちは、今日はUnityで実行環境のOSやCPU、メモリ等のシステム情報、ハードウェア情報を取得する方法についてまとめていきます。 確認環境 Unity 2018.4.15f1 システム情報とハー …

no image

Unityでスクリプトからゲームの再生や停止を行う

こんにちは、今日はUnityでスクリプトからゲームの再生や停止を行う方法についてまとめていきます。 エディタの再生、一時停止、停止ボタンの処理をスクリプトから行うことができます。これらの処理はエディタ …

no image

Unityで発生するWarning CS0649の対処方法

こんにちは、今日はUnityのC#スクリプトで発生するWarning CS0649の対処方法についてまとめていきます。 確認環境 Unity 2018.4.15f1 発生原因 以下のようなコードでスク …

no image

Unityでアプリケーションのフルスクリーン切り替えキーを無効にする方法

こんにちは、今日はUnityでアプリケーションのフルスクリーン切り替えキーを無効にする方法についてまとめていきます。 確認環境 Unity 2018.4.15f1 フルスクリーン切り替えキーの有効/無 …

no image

Unityで0から指定範囲の間を行き来する数値を取得できる関数Mathf.PingPong

確認環境 Unity 2018.4.15f1 使い方 public static float PingPong(float t, float length); UnityEngine.Mathfに定義 …