facebook twitter hatena line email

「Unity/角丸ボタン」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(外枠を追加)
行12: 行12:
 
#適当なUI/Buttonを設置する
 
#適当なUI/Buttonを設置する
 
#ボタンのinspectorのAddComponentからShapeを追加する
 
#ボタンのinspectorのAddComponentからShapeを追加する
#Roundnessにボタンの高さの半分を入力すればできる
+
#Roundnessに0.5を入力すれば角丸にできる。少しの丸さであれば、0.1とかを入れる
  
 
==ボタンの色を変更==
 
==ボタンの色を変更==

2021年7月30日 (金) 00:16時点における版

角丸ボタンを作る

shapes2dをインストール

assetstoreからinstallする

https://assetstore.unity.com/packages/tools/sprite-management/shapes2d-procedural-sprites-and-ui-62586

作れるサンプル確認

Shapes2D/Demos/Showcase/Showcase.unityを選択して確認。

作り方

  1. 適当なUI/Buttonを設置する
  2. ボタンのinspectorのAddComponentからShapeを追加する
  3. Roundnessに0.5を入力すれば角丸にできる。少しの丸さであれば、0.1とかを入れる

ボタンの色を変更

  1. ShapeのFillTypeをSolidColorへ変更
  2. ShapeのFill Colorを選択する

背景画像入ボタンへ変更

  1. ShapeのFillTypeをTextureへ変更
  2. FillTextureに画像を入れる

外枠線を追加

  1. AddComponentでOutlineを追加

参考

https://note.com/hikohiro/n/n9100eae28208