🏞️

Unityで画像を使ったボタンを作成する方法

2022/05/15に公開

使用OS

Mac

本記事で使用しているUnityバージョン

Version 2020.3.18f1

やりたいこと

  • 画像を使ったボタンを作成する

方法

ボタンを画面に表示

  • UI>Buttonで追加
  • ButtonのPosXとPosYで表示場所を調整

画像を準備

  • 画像を用意
  • UnityのプロジェクトのAssets内に画像をドラッグアンドドロップ(わかりやすいようにフォルダーを作ってもよい。Assetsの下にあればOK)
  • 画像をクリックし、インスペクターの「Texture Type」を「Sprite(2D and UI)」に変更
  • 保存しようとすると確認ダイアログが出るので「Apply」で適用する

ボタンの設定を変更

  • Buttonのインスペクターへ移動し、「Image」コンポーネントの「Source Image」をさきほど追加した画像に変更

  • これでButtonが画像になる。何もしないとTextも表示されたままになるので、必要に応じて文字を削除

Discussion