読者です 読者をやめる 読者になる 読者になる

脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

Unityでボタンの表示を文字じゃなくて画像にする方法

まずは普通にUnityを起動してHierarchyから「UI > Button」を選択すると以下のような感じになると思います。
この文字ベースのボタンを画像ベースのボタンに変更します

1. RawImageオブジェクトの作成

f:id:portaltan:20160516145508p:plain
RawImageオブジェクトが作成されると以下のように真っ白な画像がボタンの上に表示されます
f:id:portaltan:20160516145645p:plain

2. 画像を張り付ける

まずは画像を用意します。今回は適当に検索してきた以下の画像を利用します
f:id:portaltan:20160516145846j:plain
この画像をAssets以下に配置します
f:id:portaltan:20160516145928p:plain
次にD&DでRawImageのTextureの項目へ上記の画像を割り当てます
f:id:portaltan:20160516150044p:plain
そうするとキリンの画像が画面に表示されます

3. テキストボックスの削除

後ろにテキストベースのボタンが残っているので、まずはテキストコンポーネントを削除します
f:id:portaltan:20160516150240p:plain

次にImageも無効化します
f:id:portaltan:20160516150454p:plain


以上画像ベースのボタンの完成です
f:id:portaltan:20160516150622p:plain