16
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Unity】丸ボタンを作る方法

Last updated at Posted at 2022-01-26

Unityで丸い形のボタンを作る方法です。

こんなボタンです。

Screen Shot 2022-01-26 at 22.02.08.png

実装方法

まずは、Hierarchyで右クリックをして、
UI > Button を追加します。

この時点で追加されたボタンはいつも見慣れたボタンです。

続いては、
Inspector > Image > Source Image の右に丸いボタンがあるのでそれをクリック

Screen Shot 2022-01-26 at 21.59.41.png

Select Strip の一覧から「Knob」を選択します。

Screen Shot 2022-01-26 at 21.59.52.png

すると先ほど追加したButtonが以下のような形になります。

Screen Shot 2022-01-26 at 22.00.01.png

これをサイズ変更で丸になるように修正します。

Screen Shot 2022-01-26 at 22.00.15.png

これで形が丸いボタンの完成です。

以上となります。
お読み頂き有難うございました。

16
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?