🏞️
Unityで画像を使ったボタンを作成する方法
使用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