「Unity/角丸ボタン」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→ボタンの色を変更) |
(→背景画像入ボタンへ変更) |
||
| 行21: | 行21: | ||
#ShapeのFillTypeをTextureへ変更 | #ShapeのFillTypeをTextureへ変更 | ||
#FillTextureに画像を入れる | #FillTextureに画像を入れる | ||
| + | |||
| + | ==外枠を追加== | ||
| + | #AddComponentでOutlineを追加 | ||
==参考== | ==参考== | ||
https://note.com/hikohiro/n/n9100eae28208 | https://note.com/hikohiro/n/n9100eae28208 | ||
2021年7月30日 (金) 00:12時点における版
目次
角丸ボタンを作る
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を追加
