0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

UE5のUMG、「Canvas Panel」と「Overlay」の違いって?

Posted at

疑問!

UnrealEngineのWidget blueprintで使う、「Canvas Panel」と「Overlay」。
両方とも、子Widgetを複数格納することができるWidgetです。
二つの違いがわからなかったので、調べました。


結論

内容 その他
Overlay 子ウィジェットの位置をレイアウトすることができるようになる 子ウィジェットの位置は数値で調整する
Canvas Panel 子ウィジェットの位置とサイズをレイアウトすることができるようになる 子ウィジェットは自由に手動でレイアウトすることができる

詳細

🌟Overlay

Overlayの子ウィジェットを選択すると、Detailsから、PaddingとAlignmentを使って、位置を変更できるようになっています。

image.png

imageを子ウィジェットにしている場合、画像のサイズはimage sizeによって決まります。

image.png

また、ビューポート(?)でマウスドラッグによってレイアウトを変えることはできません。
Detailsの数値を変更することでのみ位置の変更が可能です。



🌟Canvas Panel

Canvas Panelの子ウィジェットを選択すると、Detailsから、位置とサイズを変更できるようになっています。

image.png

imageを子ウィジェットにしている場合、image sizeは画像のサイズに影響を及ぼさなくなります。

image.png

また、ビューポート(?)でマウスドラッグによって自由にレイアウトを変えることも可能です。

2024-08-31_17h59_38.gif


おまけ

Canvas Panelの直下にSizeBoxを配置するのは全く意味がない行為ってことになってしまうのかな?
Sizeを設定する役割のSizeBoxを配置しても、CanvasPanelの子として設定したサイズのほうが優先されてしまいますもんね?

2024-08-31_18h15_59.gif



参考文献

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?