syncfusion-maui-docklayout

实现 .NET MAUI DockLayout

指导用户实现 Syncfusion .NET MAUI DockLayout（SfDockLayout）。这是一种灵活的布局控件，开发者可以使用它将子元素排列并停靠到特定边缘（顶部、底部、左侧、右侧）或中心，为设计移动和桌面应用中的复杂用户界面提供强大的框架。

何时使用此技能

当用户需要执行以下操作时，请使用此技能：

• 创建停靠布局，将元素放置在特定边缘
• 构建仪表板界面，包含多个区域（标题栏、页脚、侧边栏、内容区）
• 实现自适应布局，以适应不同的屏幕尺寸和方向
• 定位 UI 元素，将其放在容器的顶部、底部、左侧、右侧或中心
• 配置间距，设置停靠元素之间的水平和垂直间距
• 控制最后一个子元素的扩展，使其填充剩余空间
• 支持从右到左（RTL）布局，满足国际化需求
• 在使用 Syncfusion 组件的 .NET MAUI 应用中工作

组件概述

SfDockLayout 控件提供：

• 灵活停靠：将子元素停靠到顶部、底部、左侧、右侧或无（中心）位置
• 自适应布局：自动适应各种屏幕尺寸和方向
• 可自定义间距：配置元素之间的水平和垂直间距
• 最后一个子元素扩展：可选择扩展最后一个子元素以填充剩余空间
• 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 属性
• 适应不同屏幕尺寸的自适应布局
• 处理方向更改
• 示例项目和资源