MAUI怎么实现拖放功能 MAUI Drag and Drop教程

MAUI拖放功能通过DragGestureRecognizer和DropGestureRecognizer实现，需为拖动源设IsEnabled=True、目标区域设明确尺寸；Android无需额外配置，iOS限制较多；支持文本、URI及自定义数据，但不支持直接拖放图片流。

MAUI 中实现拖放（Drag and Drop）功能主要依靠 DragGestureRecognizer 和 DropGestureRecognizer，配合 DragStartingEventArgs 和 DropEventArgs 完成数据传递与交互。它不依赖平台原生 API 封装，而是统一抽象，但需注意 Android/iOS/Desktop 行为略有差异。

启用拖放的控件准备

要让某个元素可拖动，需为其添加 DragGestureRecognizer；要让某区域可接收拖入内容，则添加 DropGestureRecognizer。两者通常配对使用。

• 拖动源控件（如 Label、Image）必须设置 IsEnabled="True" 且不能是只读/禁用状态
• 目标区域（如 Grid、StackLayout）需有明确尺寸（比如设 HeightRequest 或含子元素撑开），否则可能无法触发 Drop
• Android 上需在 AndroidManifest.xml 中确保应用支持拖放（默认已支持，无需额外配置）

写一个基础拖动+释放示例

以拖动文字到另一个区域为例：

在 XAML 中：

<VerticalStackLayout Padding="20">
    <Label Text="拖我！" x:Name="dragSource" BackgroundColor="LightBlue" Padding="10" HorizontalOptions="Center" />
    <BoxView HeightRequest="2" Color="Gray" Margin="0,20" />
    <Grid x:Name="dropTarget" BackgroundColor="LightGreen" HeightRequest="100" />
</VerticalStackLayout>

登录后复制

在后台代码（C#）中绑定手势：

// 启用拖动
dragSource.GestureRecognizers.Add(new DragGestureRecognizer
{
    DragStartingCommand = new Command<DragStartingEventArgs>(OnDragStarting)
});

// 启用接收
dropTarget.GestureRecognizers.Add(new DropGestureRecognizer
{
    AllowDrop = true,
    DropCommand = new Command<DropEventArgs>(OnDropped)
});

登录后复制

处理逻辑：

标签： android windows app mac ai ios macos win stream 常见问题 c# 拖拽排序