Unity事例ノート

UNITY

ボタンのテキストとカラーを設定する

ボタンの配置、文字、サイズ、背景色などを設定してみましょう。

ヒエラルキーから、UI > Buttonを選択して、新規作成します。

関連記事:
マウスオーバーでボタンの色を変える
ボタンの背景に画像データを埋め込む
解像度や画面サイズに合わせてボタン固定
ボタンの背景に画像データを埋め込む

ボタンの配置

端のほうに表示されたボタンを、中央に配置しましょう。

Buttonオブジェクトを選び、インスペクタービューの以下の箇所をクリックします。

アンカープリセット画面が出てくるので、Altを押しながら、配置位置をクリックします。

ボタンが真ん中に配置されました。

ボタン内の文字

デフォルトでは「Button」となっている文字を、「このボタンをクリックしてください」というテキストに変更しましょう。

Buttonオブジェクトを展開すると、Textが現れます。

Textを選択すると、インスペクターにテキストフィールドが確認できます。

書き換えましょう。

文字数が多いため、テキストが切れています。

ボタンサイズを大きくしてみましょう。

Buttonオブジェクトを選択し、幅と高さを変更します。

横幅300、高さ50に変更しました。

カラーの変更

ボタン文字のカラーを設定しましょう。

Textオブジェクトを選び、インスペクターから、色を変更します。

文字色を青にしてみました。

ボタンの背景色を変えてみましょう。

Buttonオブジェクトを選択し、インスペクターから、「通常の色」を設定します。

ここでは黄色に変更してみました。

ボタンの色については、クリックの動作によって、様々な設定ができます。

詳しくは、こちらのページをご覧ください。

【Unity C#】マウスオーバーでボタンの色を変える

関連記事:
マウスオーバーでボタンの色を変える
ボタンの背景に画像データを埋め込む
解像度や画面サイズに合わせてボタン固定
ボタンの背景に画像データを埋め込む

SCHOOL教室案内