質問編集履歴
4
ハイパーリンクを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
|
|
44
44
|
このメッセージについて検索したところ、次のような公式マニュアルを発見しました。
|
|
45
45
|
|
|
46
|
-
https://docs.unity3d.com/ja/current/Manual/HOWTO-UIFitContentSize.html
|
|
46
|
+
[https://docs.unity3d.com/ja/current/Manual/HOWTO-UIFitContentSize.html](https://docs.unity3d.com/ja/current/Manual/HOWTO-UIFitContentSize.html)
|
|
47
47
|
|
|
48
48
|
どうやら、ContentSizeFitterとLayoutGroupはお互いにノードの大きさを変更しようとして競合することがあるようです。
|
|
49
49
|
|
3
文法の修正、書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -56,8 +56,10 @@
|
|
|
56
56
|
すると、画面が大きくなるのに合わせて、横幅が伸びてScrollViewいっぱいに、推奨サイズに近くなるべく大きくなってくれるようになりました。
|
|
57
57
|
しかし、今度は縦の幅が、画面が小さくなるのに比例して縦長に伸びるようになってしまいました。
|
|
58
58
|
|
|
59
|
-
この問題
|
|
59
|
+
###なぜこの問題にこだわっているか
|
|
60
60
|
|
|
61
|
+
この問題を解決したかったのは、例えば下図のような状態では、端末に合わせて画面サイズを変更し、UIが大きさを変えた時に、GUIが機能しなくなってしまう恐れがあったからです。
|
|
62
|
+
|
|
61
63
|
|
|
62
64
|
▲ 文字が見えなくなってしまっている
|
|
63
65
|
|
2
回答をもとに質問内容を追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -35,5 +35,35 @@
|
|
|
35
35
|
*訂正 : 画像ではCanvasから水色の矢印が引かれていますが間違いです。正しくは、その下のScrollViewから矢印が引かれ、ScrollViewオブジェクトのInspectorに矢印を向けています。
|
|
36
36
|
|
|
37
37
|
|
|
38
|
+
###追記
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
ひとつ気になっていたことでしたが、ContentのContentSizeFitterコンポーネントに
|
|
42
|
+
このような警告が表示されていました。
|
|
43
|
+
|
|
38
|
-
|
|
44
|
+
このメッセージについて検索したところ、次のような公式マニュアルを発見しました。
|
|
45
|
+
|
|
46
|
+
https://docs.unity3d.com/ja/current/Manual/HOWTO-UIFitContentSize.html
|
|
47
|
+
|
|
48
|
+
どうやら、ContentSizeFitterとLayoutGroupはお互いにノードの大きさを変更しようとして競合することがあるようです。
|
|
49
|
+
|
|
50
|
+
この情報をもとに、ContentSizeFitterをリムーブして、VerticalLayoutGroupだけを残しました。
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
すると、画面が大きくなるのに合わせて、横幅が伸びてScrollViewいっぱいに、推奨サイズに近くなるべく大きくなってくれるようになりました。
|
|
57
|
+
しかし、今度は縦の幅が、画面が小さくなるのに比例して縦長に伸びるようになってしまいました。
|
|
58
|
+
|
|
59
|
+
この問題を解決したかったのは、例えば下図のような状態では、端末に合わせて画面サイズを変更し、UIが大きさを変えた時に、GUIが機能しなくなってしまう恐れがあったことです。
|
|
60
|
+
|
|
61
|
+
|
|
39
|
-
|
|
62
|
+
▲ 文字が見えなくなってしまっている
|
|
63
|
+
|
|
64
|
+
もし図のような状態になれば、ButtonやToggleコンポーネントがアタッチされていても、押せなかったり、何のボタンなのか文字が見えないことでわからない、ユーザーにはバグのように見えてしまう、など潜在的な不安要素を残します。
|
|
65
|
+
|
|
66
|
+
いただいた回答をもとにトライした結果、一応ボタンが隠れていて見えないとか、押せないといったことは、ご覧のとおりなくなりました。ですが、まだ完璧にコントロールできているとは言えません。
|
|
67
|
+
画面が小さくなった時に、ノードが縦長になるということは、GUIのレイアウトが変わってしまっていますから、見やすいデザインを考える上では障害になります。
|
|
68
|
+
|
|
69
|
+
改めて、縦の長さについて、画面が小さくなっても、同じくらいの比率を保った矩形を、自動レイアウトに出力させる方法について質問させていただきます。
|
1
プロジェクトのHierarchyとInspectorを示す参考画像に訂正箇所を発見しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,12 +24,15 @@
|
|
|
24
24
|
なんとなく、大きさは可変しているようだが、ScrollViewが広くなったら、余白が大きくなるだけだった。
|
|
25
25
|
ノードの大きさにはさして変化がなく、他のUI要素のように、画面の大きさが変わるのにあわせてグイグイ大きさが変わるわけではなかった。
|
|
26
26
|
|
|
27
|
-
そうではなく、例えば、
|
|
27
|
+
そうではなく、例えば、ScrollViewの横幅に合わせてノードも横に長くなったりしてほしい。縦幅に関しては現状で満足している。
|
|
28
28
|
|
|
29
29
|
他のRectTransformオブジェクトのように、ScrollViewの範囲が大きくなったら、それに合わせてノードも大きくなってほしい。
|
|
30
30
|
小さくなった時には、当然ノードも小さく表示されるようになってほしい。
|
|
31
31
|
|
|
32
|
+
どなたか、uGUIの自動レイアウト機能について、知識を授けていただけないでしょうか。
|
|
33
|
+
|
|
32
34
|
|
|
35
|
+
*訂正 : 画像ではCanvasから水色の矢印が引かれていますが間違いです。正しくは、その下のScrollViewから矢印が引かれ、ScrollViewオブジェクトのInspectorに矢印を向けています。
|
|
33
36
|
|
|
34
37
|
|
|
35
38
|
###補足情報(言語/FW/ツール等のバージョンなど)
|