◀ 15.

UE5のウィジェットのキャンバスパネルについて

▶
編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

Unreal Engine 5（UE5）の「キャンバスパネル」は、ウィジェットのレイアウトを自由に調整できる強力なコンテナです。本記事では、キャンバスパネルの基本概念、設定方法、実践的な活用例について詳しく解説します。

1. キャンバスパネルとは？

「キャンバスパネル」は、UE5のウィジェットブループリント（Widget Blueprint）で使用できるレイアウトコンテナの一つです。キャンバスパネル内のウィジェットは、ピクセル単位で位置を調整でき、自由な配置が可能です。

2. キャンバスパネルの基本設定

キャンバスパネルを使用する際の基本的な設定方法を紹介します。

手順:

1. 「ウィジェットブループリント」を作成。

2. ヒエラルキー内で「キャンバスパネル」を追加。

3. その中にボタンやテキストを追加。

4. 各ウィジェットの「アンカー」を設定して、位置を調整。

3. アンカーの活用

「アンカー」を設定することで、異なる画面サイズに対応した柔軟なUIデザインが可能になります。

アンカーの種類:

1. 左上固定（Top Left）

2. 右下固定（Bottom Right）

3. 画面中央固定（Center）

4. フルスクリーン（Full Screen）

4. キャンバスパネルの応用

キャンバスパネルを活用することで、さまざまなUIデザインが可能になります。

1. ウィンドウの自由配置

ドラッグ機能を追加し、ウィジェットを自由に移動可能にする。

2. アニメーションの活用

キャンバスパネル内でウィジェットの位置を変更し、ポップアップやスライドメニューを作成する。

5. まとめ

キャンバスパネルは、UE5のウィジェットシステムにおいて自由度の高いレイアウトを実現するための重要なコンポーネントです。基本的な使い方を理解し、アンカーやドラッグ機能を活用することで、より高度なUI設計が可能になります。

この記事を参考に、ぜひ実践してみてください。

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. Event BeginPlay
  2. Event ActorBeginOverlap
  3. Event Tick
  4. on component begin overlap
  5. On Component Hit
  6. CameraBoom（Spring Arm）
  7. Get Player Character
  8. Nav Mesh Bounds Volume
  9. AI MoveTo
  10. Pawn
  11. Create Render Target 2D
  12. Take High Res Screenshotノード
  13. Sphere Reflection Capture
  14. Event Tickノード
  15. ウィジェットのキャンバスパネル
  16. DefaultSceneRoot
  17. FloatingPawnMovement
  18. Set World Rotation
  19. Event Any Damage
  20. FloatingPawnMovement
  21. Set World Rotation
  22. VInterp To
  23. Get Socket Transform

人気ページ

最近更新/作成されたページ