寻找适用于混合移动应用程序并具有以下属性的树(或嵌套列表)UI 组件:
- 拖放
- 用于插入/删除/更新、展开/折叠和拖动/悬停/放置的动画(视觉反馈)
- 在移动设备上表现良好
- 开源(我接受付费开源、双重许可等)
- 现代、干净的外观
- “现代”实现,例如与 AngularJS、ReactJS、Ionic 或其他最近流行的理念保持一致
到目前为止,我的研究发现了以下几点:
-
https://angular-ui-tree.github.io/angular-ui-tree/#/cloning https://angular-ui-tree.github.io/angular-ui-tree/#/cloning(无动画)
-
https://www.jstree.com/demo/ https://www.jstree.com/demo/(移动设备上的拖放问题)
- 还有很多人在http://www.jqueryrain.com/demo/jquery-treeview/ http://www.jqueryrain.com/demo/jquery-treeview/但我还没有找到任何看起来专为移动设备设计的东西
它们似乎都不能在移动浏览器中正常工作(我正在 Android 4.x、5.x、6.x 上进行测试)。
似乎出现以下问题:
- 拖动事件似乎没有被正确解释,而是发生了意想不到的事情,例如滚动或文本选择(主观上:作为用户操作树,对我来说“似乎不正确”)
- 动画断断续续
- 可点击元素太小,无法通过手指点击
- 遗憾的是,大约一半的解决方案看起来像 Windows 95 资源管理器树,这对眼睛不好,而且看起来不现代和干净
您能否建议这样一个可以工作的 UI 组件,或者至少是我自己的增强功能的一个良好起点?
移动浏览器是否准备好在输入事件、布局、性能、动画等方面托管如此复杂的组件?
全面披露:我来自 Java+Android 背景,正在扩展到混合移动应用程序,因此我的范例可能尚未完全调整。
后端(例如 Firebase)部分在这里:使用firebase树结构直接表示“文档大纲”结构 https://stackoverflow.com/questions/39112792/using-firebase-tree-structure-to-represent-a-document-outline-structure-direct
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)