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