All Projects → simplezhli → Flutter_remote_control

simplezhli / Flutter_remote_control

Licence: apache-2.0
flutter remote control

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Flutter remote control

React Kanban Dnd
📋 Open source kanban board built with React
Stars: ✭ 121 (-2.42%)
Mutual labels:  drag-and-drop, draggable
Dragact
a dragger layout system with React style .
Stars: ✭ 710 (+472.58%)
Mutual labels:  drag-and-drop, draggable
Smooth Dnd
drag and drop library for javascript
Stars: ✭ 408 (+229.03%)
Mutual labels:  drag-and-drop, draggable
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+955.65%)
Mutual labels:  drag-and-drop, draggable
React Smooth Dnd
react wrapper components for smooth-dnd
Stars: ✭ 1,560 (+1158.06%)
Mutual labels:  drag-and-drop, draggable
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: ✭ 286 (+130.65%)
Mutual labels:  drag-and-drop, draggable
Lean Mean Drag And Drop
Drag&Drop Sorting and Reordering script for complex nested structures
Stars: ✭ 107 (-13.71%)
Mutual labels:  drag-and-drop, draggable
el-table-draggable
让element-ui的table可拖动排序,支持 行,列,跨表格等特性
Stars: ✭ 68 (-45.16%)
Mutual labels:  drag-and-drop, draggable
Svgdragtree
一个可以通过拖放 SVG 图标,来生成拥有树状结构的视图与数据的前端组件。 SDT example:
Stars: ✭ 113 (-8.87%)
Mutual labels:  drag-and-drop, draggable
Angular Draggable Mat Tree
Example implementation of drag and drop on Angular Material Tree
Stars: ✭ 47 (-62.1%)
Mutual labels:  drag-and-drop, draggable
react-web-editor
The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor
Stars: ✭ 191 (+54.03%)
Mutual labels:  drag-and-drop, draggable
Jquery Sortablejs
A jQuery binding for SortableJS
Stars: ✭ 94 (-24.19%)
Mutual labels:  drag-and-drop, draggable
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
Stars: ✭ 806 (+550%)
Mutual labels:  drag-and-drop, draggable
Flowy Vue
Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.
Stars: ✭ 107 (-13.71%)
Mutual labels:  drag-and-drop, draggable
vue-dnd-zone
vue.js plugin for drag and drop functionality
Stars: ✭ 144 (+16.13%)
Mutual labels:  drag-and-drop, draggable
Sortable
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Stars: ✭ 23,641 (+18965.32%)
Mutual labels:  drag-and-drop, draggable
vue-drag-zone
Drag Zone component for @vuejs
Stars: ✭ 127 (+2.42%)
Mutual labels:  drag-and-drop, draggable
react-drag-list
A simple draggable list component。
Stars: ✭ 30 (-75.81%)
Mutual labels:  drag-and-drop, draggable
Dragmove.js
A super tiny Javascript library to make DOM elements draggable and movable. ~500 bytes and no dependencies.
Stars: ✭ 757 (+510.48%)
Mutual labels:  drag-and-drop, draggable
Vue Smooth Dnd
Vue wrapper components for smooth-dnd
Stars: ✭ 1,121 (+804.03%)
Mutual labels:  drag-and-drop, draggable

flutter_remote_control

主要使用LongPressDraggableDragTarget实现的万能遥控器交互效果。

Android 原生实现版本:RemoteControlView

实现效果

单指 多指
Preview Preview1

实现过程

flutter 1.20 在DragTarget新增onAcceptWithDetails回调,目前对于本项目实现无作用。还是需要去修改源码实现。。。

发现flutter 2.0.0 在Draggable新增onDragUpdate回调、DragTarget新增onMove回调,基本可以满足此项目使用,但无法实现二次拖动。还是需要去修改源码实现。。。

修改源码部分有TODO标记,感兴趣可自行查看。

玩玩Flutter的拖拽——实现一款万能遥控器

License

Copyright 2020 simplezhli

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].