「Unity/角丸ボタン」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→背景画像入ボタンへ変更) |
(→外枠を追加) |
||
| 行22: | 行22: | ||
#FillTextureに画像を入れる | #FillTextureに画像を入れる | ||
| − | == | + | ==外枠線を追加== |
#AddComponentでOutlineを追加 | #AddComponentでOutlineを追加 | ||
==参考== | ==参考== | ||
https://note.com/hikohiro/n/n9100eae28208 | https://note.com/hikohiro/n/n9100eae28208 | ||
2021年7月30日 (金) 00:13時点における版
目次
角丸ボタンを作る
shapes2dをインストール
assetstoreからinstallする
作れるサンプル確認
Shapes2D/Demos/Showcase/Showcase.unityを選択して確認。
作り方
- 適当なUI/Buttonを設置する
- ボタンのinspectorのAddComponentからShapeを追加する
- Roundnessにボタンの高さの半分を入力すればできる
ボタンの色を変更
- ShapeのFillTypeをSolidColorへ変更
- ShapeのFill Colorを選択する
背景画像入ボタンへ変更
- ShapeのFillTypeをTextureへ変更
- FillTextureに画像を入れる
外枠線を追加
- AddComponentでOutlineを追加
