SuperAPI AI 工具集

drag-drop

智能体与模型

查看项目

更新于 10-15 21:12

技能介绍

用途:drag-drop 是面向界面设计的拖放交互模式参考,适用于列表重排序(优先级、顺序)、看板式状态移动、文件上传区以及组件或布局自定义等场景。

主要能力:给出交互设计要点,包括使用握柄图标(⠿ 或 ≡)作为拖拽手柄而非整项可拖,避免干扰文本选择;悬停时显示 grab、拖拽中显示 grabbing 光标;提供放置预览(插入线或占位符)、跟随光标的半透明幽灵副本、靠近边缘时自动滚动、吸附到有效放置位置。反馈方面:源项降低不透明度或显示占位符,有效放置区高亮,无效放置区显示“不允许”提示,落位时有动画,放置后提供带“撤销”操作的提示。

无障碍:拖放必须有键盘替代方案——用空格或回车选中项,用方向键移动,用空格或回车放置,用 Escape 取消,并在每一步提供屏幕阅读器播报。

移动端:长按启动拖拽而非立即触发,抬起与放下时提供触觉反馈,拖拽手柄使用更大的触摸目标,并考虑以“移动到”操作作为拖拽的替代方式。

限制:资料未提供具体实现代码、框架或库、安装命令、平台支持范围与收费信息。