Go to Qiita Advent Calendar 2024 Top
LoginSignup
7
7

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.

@Maru60014236(まる： もっと早く教えてほしかった！Unity C#入門 著者)

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

Last updated at Posted at 2020-06-19

#環境
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

#おわりに
これで手作業での等間隔調整とはおさらばです！

7
7
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
Sign upLogin
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?