一个能够被拖动的元素。
“在 React Native 中使用相机捕获实现可调整大小和可拖动的内部视图”
我正在开发一个 React Native 项目,我需要实现具有特定要求的相机功能。我想在相机内有一个可调整大小和可拖动的内部视图,当我
当我拖动视图时,文本会更改其样式。我猜想正在进行一些重建工作。知道如何使文本在拖动时保持不变吗? 定位( 左:_textPosition.dx,...
如何根据其内容动态设置DraggableScrollableSheet最大尺寸?
问题 所以基本上这是一个相当老的问题,我无法通过谷歌解决。问题是 DraggableScrollableSheet 不会根据其内容大小来调整其最大大小,而是仅使用
我正在尝试用 React 构建一个游戏,它需要拖放功能。该游戏有两个主要组件:SideBar 和 GameBoard。 SideBar 包含要拖动到 GameBoard 上的元素。阻力...
我面临一个问题,即我的 DotComponent 实例没有出现在 Flutter 的 Flame 游戏中的 LineComponent 上
我正在创建一条可调整大小的线,当尝试拖动线上的点以调整大小时,DotComponents 没有出现在该线上;相反,它们出现在其下方。我已经附上...
如何在 dnd-kit/core React JS 中进行多选
请问如何在 dnd-kit 中实现多选? 这本故事书展示了它的实际应用,但没有显示完整的代码 故事书链接
Kivy - 如何通过 Draggable 在 ScrollView 之间拖放小部件?
我进入了一个需要 Draggable 的 Kivy 项目。 环境: 操作系统:Windows 10 家庭版 Python==3.11.5 基维==2.2.1 kivy-garden-draggable==0.2.0 这是我的 py 和 kv 文件: 列表.py: 来自 kivy.app 我...
当我在网格上使用反应使用手势中的绑定功能时,网格上的鼠标按下事件将被绑定事件覆盖。而 usegesture 只接受左键单击事件。 我试过了
我有可以使用成帧器运动上的拖动来移动的对象。如何制作一个按钮将所有元素返回到其初始位置? 我尝试用 animate 来做,但是动画很清晰而且......
我正在帮助一位朋友为他们的一个班级设计一个班级组织者。我有一个类列表,显示在屏幕左侧的搜索栏上,需要将它们拖到...
我尝试过让它发挥作用,但这就是发生的事情。 使用react-draggable npm 包,我能够使内容可拖动和可放置。但整个对话框的背面保持原位,并且它
Draggable React typescript 扩展组件
我是 React 和 Typescript 的初学者。想要制作一些带有拖动效果的很酷的打开窗口。找到draggable包,但我不明白如何像扩展组件一样使用它。 从电话里写信...
React-rnd子组件调整大小时如何按比例调整font-size?
我正在尝试制作一个可拖动的组件来模拟模因生成器的组件,但当拖动的容器改变其大小时,未能使文本的字体大小按比例增大和缩小。 他...
如何使用可以通过轨道控制移动的正交相机在react-三/光纤中拖动x和z上约束在y上的对象?
我希望能够使用 React-三纤维和正交相机在画布中将对象拖动到平面上(想象棋盘上的棋子)。 这是一个例子(不是我的)......
我尝试仅使用 HTML / CSS 制作多个可移动的可调整大小的窗口。 根据 CSS-Tricks 的这篇文章,我制作了两个窗口,它们都可以移动。 然而,第二个窗口
有没有办法使用 jquery 在表格中同时拖放两个元素(div)
我正在使用jquery同时将两个元素div拖放到具有九个单元格(网格)的表格中,这是代码, 超文本标记语言 我正在使用 jquery 在具有九个单元格(网格)的表格中同时拖放两个元素 div,这是代码,HTML<table border="1" class="mainTable"> <tr> <td id="11"> <div class="dragDiv" id="1"></div> </td> <td id="12"><div class="dragDiv" id="2"></div></td> <td id="13"> </td> </tr> <tr> <td id="21"> </td> <td id="22"> </td> <td id="23"> </td> </tr> <tr> <td id="31"> </td> <td id="32"> </td> <td id="33"> </td> </tr> </table> CSS.mainTable { margin: 20px auto; padding: 0px; } .mainTable tr td { width: 100px; height: 100px; } .dragDiv { text-align: center; background-color: #00ABA9; height: 50px; vertical-align: middle; margin: auto; position: relative; width: 100%; } jquery$(function() { $(".dragDiv").draggable({ revert: 'invalid' }); $(".mainTable tr td").droppable({ accept: function() { return $(this).find("*").length == 0; }, drop: function(event, ui) { var $this = $(this); $this.append(ui.draggable.css({ /* manually append the element and reset positioning */ top: 0, left: 0 })); ui.draggable.position({ my: "center", at: "center", of: $this, using: function(pos) { $(this).animate(pos, 100, "easeOutBack"); } }); } }); }); 我尝试了在这个网站上找到的许多答案,例如这个答案here和here等等 这是我在 Codepen 中的项目代码 我很高兴听到一些建议,谢谢。 要允许您的盒子容纳多个元素,您需要更改接受子句以允许任何具有 .dragDiv 类的元素。 正如您在所附的代码片段中所看到的,现在可以在同一个框中放置两个元素。 (我还添加了一些 Flexbox 样式并删除了一些不需要的样式来清理 CSS,同时保持元素在容器内居中)。 $(function() { $(".dragDiv").draggable({ revert: 'invalid' }); $(".mainTable tr td").droppable({ accept: ".dragDiv", drop: function(event, ui) { var $this = $(this); ui.draggable.position({ my: "center", at: "center", of: $this, using: function(pos) { $(this).animate(pos, 100, "easeOutBack"); } }); } }); }); .mainTable { margin: 20px auto; padding: 0px; } .mainTable tr { display: flex; flex-flow: row; } .mainTable tr td { width: 100px; height: 100px; display: flex; flex-flow: column; justify-content: center; } .dragDiv { background-color: #00ABA9; height: 50px; width: 100%; } <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> </head> <body> <table border="1" class="mainTable"> <tr> <td id="11"> <div class="dragDiv" id="1"></div> </td> <td id="12"> <div class="dragDiv" id="2"></div> </td> <td id="13"></td> </tr> <tr> <td id="21"></td> <td id="22"></td> <td id="23"></td> </tr> <tr> <td id="31"></td> <td id="32"></td> <td id="33"></td> </tr> </table> </body> </html>
我正在使用 jquery ui 可拖动,并最终可放置,以便可以将图片重新排序到不同的框中。 当我将图片拖出框中时,它会出现在所有其他元素下方......
当用户点击它时,将可拖动的 div 带到 React.js 的前面
我想在单击或拖动它时将可拖动的框带到前面。 我事先不知道此类框的最大数量,因为我有一个按钮可以在...
我的目的是实现将元素从一个列表拖动到另一个列表,例如: 将layout2元素(有2个嵌套块)拖到编辑器中。 将段落拖到两个布局块之一中。 ...
如何在 Flutter 中使用 Draggable 拖动 Stack 内的元素?
我有以下代码: 导入“包:flutter/material.dart”; 类 PScreen 扩展 StatefulWidget { @覆盖 _PScreenState createState() => _PScreenState(); } _PScreenState 类前...