syncfusion-maui-docklayout

.NET MAUI DockLayout の実装

Syncfusion .NET MAUI DockLayout（SfDockLayout）の実装方法をユーザーに案内します。これは、開発者が子要素を特定の端（上、下、左、右）または中央に配置してドッキングできる、多用途のレイアウトコントロールです。モバイルアプリケーションやデスクトップアプリケーションで複雑なユーザーインターフェイスを設計するための堅牢なフレームワークを提供します。

このスキルを使用する場面

次のような場合に、このスキルを使用してください。

• ドッキングレイアウトの作成：要素を特定の端に配置する
• ダッシュボードインターフェイスの構築：ヘッダー、フッター、サイドバー、コンテンツなどの複数の領域を配置する
• アダプティブレイアウトの実装：画面サイズや向きに応じてレイアウトを変更する
• UI 要素の配置：コンテナーの上、下、左、右、または中央に要素を配置する
• 間隔の設定：ドッキングされた要素間の水平および垂直方向の間隔を設定する
• 最後の子要素の拡張制御：残りのスペースを埋めるように拡張する
• 右から左（RTL）レイアウトのサポート：国際化に対応する
• .NET MAUI アプリケーションでの作業：Syncfusion コンポーネントを使用する

コンポーネントの概要

SfDockLayout コントロールには、次の機能があります。

• 柔軟なドッキング：子要素を Top、Bottom、Left、Right、または None（中央）にドッキングできます
• アダプティブレイアウト：さまざまな画面サイズや向きに自動的に適応します
• 間隔のカスタマイズ：要素間の水平および垂直方向の間隔を設定できます
• 最後の子要素の拡張：最後の子要素を拡張して、残りのスペースを埋めるオプションがあります
• RTL サポート：国際化に対応する、完全な右から左へのレイアウトをサポートします
• プログラムによる制御：実行時に操作できる GetDock() および SetDock() メソッドを備えています

ドキュメントとナビゲーションガイド

はじめに

📄 参照： references/getting-started.md

• Syncfusion.Maui.Core NuGet パッケージのインストール
• Syncfusion Core ハンドラーの登録
• SfDockLayout の作成と初期化
• 子要素の基本的なドッキング位置の設定
• すべてのドッキング位置を含む、動作する完全な例

ドッキング機能

📄 参照： references/docking-features.md

• ドッキング位置のオプション（Top、Bottom、Left、Right、None）
• XAML での Dock 添付プロパティの使用
• C# での Dock パラメーターを指定した Add() メソッドの使用
• 現在の位置を取得する GetDock() メソッド
• プログラムで位置を変更する SetDock() メソッド
• ドッキング順序と要素の重ね合わせ

間隔とレイアウト

📄 参照： references/spacing-layout.md

• 要素間の間隔を設定する HorizontalSpacing プロパティ
• 垂直方向の間隔を設定する VerticalSpacing プロパティ
• ShouldExpandLastChild プロパティの動作
• 最後の子要素の拡張制御（true/false）
• レイアウトの使用例とベストプラクティス

高度な機能

📄 参照： references/advanced-features.md

• 右から左（RTL）レイアウトのサポート
• FlowDirection プロパティの設定
• さまざまな画面サイズに対応するアダプティブレイアウト
• 画面の向きの変更への対応
• サンプルプロジェクトとリソース