Quantcast
Channel: C#タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 9543

【Unity】オブジェクトを等間隔で配置する方法 Grid Layout Group

$
0
0

環境

Unity 2019.3.7f1

はじめに

ボタンなどを等間隔で配置する方法です。
image.png

方法

1.整列させたいオブジェクト群をPanelオブジェクトに入れる
2.そのPanelオブジェクトにGrid Layout Group(グリッドレイアウトグループ)コンポーネントを追加
3.各種設定行う

具体例

実際にやってみましょう。

前準備
まずボタンを9つ作成します。
image.png

1.整列させたいオブジェクト群をPanelオブジェクトに入れる
パネルオブジェクト作成
image.png

今回Panelに色は不要なので透過を0にして透明にしておきます。
image.png
パネルの配下にボタンを入れる
image.png

2.PanelオブジェクトにGrid Layout Group(グリッドレイアウトグループ)コンポーネントを追加
Panelを選択
 
コンポーネントを追加
image.png

グリッドレイアウトグループを選択
image.png

3.各種設定行う
ボタンのサイズやセルの間隔などが調整できます。
今回はこのように設定しました。
image.png

できあがり!
image.png

おわりに

これで手作業での等間隔調整とはおさらばです!


Viewing all articles
Browse latest Browse all 9543

Trending Articles