Grid Layout Groupの子オブジェクトでも画面の大きさに合わせたい | Unity UI

Question

Grid Layout Groupコンポーネントを使ってアイテムなどのアイコン一覧を作成しています。
Instantiateによって生成されたオブジェクトをこのコンポーネントを持つオブジェクトの子オブジェクトにしています。

---

下の画像はその例です。

黒枠はスクリーン、赤枠がGrid Layout Groupの子オブジェクトであるImageオブジェクトです。

---

赤枠イメージのサイズを画面サイズごとに、動的に変えることができないので、
「解像度が高い/低い画面」では、イメージが遠くなりすぎたり、近くなりすぎたりしてしまいます。
理想はどの画面サイズでも「エディター内」のような感覚で表示させることです。

赤枠イメージの大きさは画面サイズによって大きくしたり小さくしたりして、
どの画面サイズでも同じように表示させたいです。
Instantiateで生成されたオブジェクトをリサイズするにはどうすればいいでしょうか。

この辺りは独自に実装させていかなければいけないのでしょうか。
もしUnityにそのような処理があるのであれば教えていただきたいです。
どなたか回答お願いします。

Answer 1

Cell SizeとSpacingの値を画面の大きさ(Screen.height, Screen.width)に応じて変更するようにしました。

Answer 2

Canvas Scaler コンポーネントのプロパティ UI Scale Mode を Scale With Screen Size に設定したらいいんじゃないですか？
unity ui マルチ 解像度 でググるとこの辺の話が出てきますよ。

【追記】
「Canvas Scaler コンポーネントのプロパティ UI Scale Mode を Scale With Screen Size に設定している」とのことですが、それをしていれば以下のような挙動になり、説明のような挙動にはならないと思います。

既にいろいろなものが追加されて複雑に影響しあっている制作中の画面をいじるのではなく、一度何もないシーンに UI を配置してみて、どの設定が何に影響しているのかを確かめるとよいと思います。

Comments

[hehebeb]

すでにScale With Screen Sizeに変更されています。
Grid Layout Groupは端末の解像度が何であれ、上の画像のように、
Cell Sizeで設定した大きさで表示されてしまいます。
やはりCell Sizeの値を、画面の大きさによって計算する以外やり方はないのでしょうか。

[bboydaisuke]

回答に追記しました。

[hehebeb]

わざわざ試していただいてありがとうございます。
今Unityを触れる状況ではないのですが、もしかしてSpacingが影響しているとは思いますか？

[bboydaisuke]

> Spacingが影響しているとは思いますか？
思いません。

[hehebeb]

すみません。
一番大事なことを言い忘れていました。

要素となる子オブジェクトをプレハブ化して起動時にInstantiate()していました。
InstantiateされたUIオブジェクトは画面の解像度を変更してもオブジェクトの大きさと間隔は変わりませんでした。

[bboydaisuke]

まあちょっと家に帰るなりして自分でUnityを触って調べてみてくださいな。思いつきを色々書いて私に調べて欲しいのでしょうが、そこまではできません。

[hehebeb]

そうですよね。自分勝手ですみません。