标签: drag-and-drop

我需要创建一个包含两个面板的表单:1.目标2.源在源面板上将有图片框.我需要能够使用鼠标将它从源移动到目标面板上的点.

我有一个与面板的不同坐标相关的问题.

请帮助提供建议或想法该怎么做.

Javascript/jQuery是否存在任何可以在时尚iPhone中重新排序li块的功能:当您在iPhone主菜单中重新排序应用程序时可以看到此效果

• 所有列表项都是4 x 4网格中的块(图像)

• 启用重新排序时,项目具有不稳定的动画效果

• 用户可以使用鼠标/触摸来拖动以重新排序项目

您好,当我双击列表视图时,如何启用拖动事件处理程序？

这是双击列表视图后得到的结果

private void listView1(object sender, EventArgs e)

但是,我希望它是

private void listView(object sender,DragEventArgs e)

我该怎么做..？

我尝试了很多方法,例如:

  private void Form_Load(object sender, EventArgs e)
  {
      // Enable drag and drop for this form
      // (this can also be applied to any controls)
      this.AllowDrop = true;

      // Add event handlers for the drag & drop functionality
      this.DragEnter += new DragEventHandler(Form_DragEnter);
      this.DragDrop += new DragEventHandler(Form_DragDrop);
 }

我想制作一个应用程序,我需要一个工具栏.工具栏将具有各种数量的对象(图像).这些对象应该是可拖动的,并放置在它正上方的视图上.

这是一种绘图应用程序,用户可以在画布上选择任何形状和位置.谁能告诉我最好的方法呢？

提前致谢.

嘿,我正在使用Kineticjs实现拖放操作现在我希望图像在相邻时能够互相捕捉..我在KineticJs看到了海滩上的动物示例,这对我的功能没什么帮助,然后看到了jquery snap如果我使用那个,那么我将不得不摆脱KineticJs.是什么方式实现jquery snap属于kineticJs中的元素导致在jquery中他们已经传递了img的id以使其可拖动然后按下.那么如何在我的kinetic.js图像中使用它

jquery draggable:http://jqueryui.com/demos/draggable/#snap-to

kinetic.js:http://www.kineticjs.com/

谢谢

阿希什

我正在使用JavaScript库为iPad和iPad构建一个简单的益智应用程序来拖放碎片.我无法弄清楚如何检查所有部件是否在正确的位置.

到目前为止我得到的是

// create the draggable puzzle piece
var p1=document.getElementById('piece1');
new webkit_draggable(p1);
p1.className = 'ps1';

// create an array to count the pieces placed correctly
var countArray = new Array();

// create the dropspot, link it to the puzzle piece and add an element to the array to count. Finally kill the dropspot
var p1p1 = webkit_drop.add('droppiece1',{accept : ['ps1'], onDrop : function(){countArray.push("a");webkit_drop.remove('droppiece1')}});


// piece has been placed correctly.
if(countArray.length = 1){
alert('Piece placed correctly');
};

我遇到的问题是来自计数功能的警报立即触发.我怎样才能解决这个问题？

我正在尝试使用jQuery on()方法drop在执行文件拖放时将事件附加到浏览器窗口...

$(window).on('drop', function(event) {

    var dt = event.dataTransfer;
    var fileList = dt.files;

    // do stuff with the file list...
});

......但是我得到了TypeError:

每当我尝试将这个正在发生的事情drop到window或document或document.body.但是,如果我drop使用自定义JavaScript函数附加事件,则没有问题...

function attachEvent(element, event, fn) {
    if (element.addEventListener) {
        element.addEventListener(event, fn, false);
    } else if (element.attachEvent) {
        element.attachEvent('on' + event, fn);
    }
};

attachEvent(window, 'drop', function(event) {

    var dt = event.dataTransfer;
    var fileList = dt.files;

    // do stuff with the …

我想在拖放应用程序中计算并选择拖放区域.

我想做什么:

1. 当我将框拖到droppable div的顶部或底部时,宽度必须为100%
2. 当我将盒子拖到另一个盒子附近时(如果连续一个盒子),它们的宽度必须是50% - 50%
3. 如果一个拖动框并且更改了哪个框已经在包装中,则必须再次计算它们.

这是我的示例代码

$(".box").draggable({
    snap: '#droppable',
    snapMode: 'outer',
    revert: "invalid",
    cursor: "move",
    helper: "clone"
    //connectToSortable: "#droppable"
});

$("#wrapper").droppable({
    drop: function(event, ui) {
        var dropped = $(ui.draggable).clone();
        var droppedOn = $(this);
        $(dropped).detach().css({
            top: 0,
            left: 0
        }).appendTo(droppedOn);
        $(this).addClass("ui-state.highlight").find("p").html("");
    }
});

你能告诉我怎么做的吗？

谢谢

这就是我到目前为止所拥有的

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

    UITouch *touch = [[event allTouches] anyObject];

    for (UIImageView *imageView in _imageViewArray) {
            CGPoint Location = [touch locationInView:touch.view];
            imageView.center = Location;
    }   
}

我面临的问题是,当我移动一张图像时,它们都会跳到同一个地方.

感谢cyberpawn这就是我所做的让它发挥作用

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [[event allTouches] anyObject];

    CGPoint oldPoint = [touch previousLocationInView:touch.view];
    CGPoint newPoint = [touch locationInView:touch.view];

    CGPoint diff = CGPointMake(newPoint.x - oldPoint.x, newPoint.y - oldPoint.y);

    for (UIImageView *imageView in _imageViewArray) {
        if (CGRectContainsPoint(imageView.frame, newPoint)) {
            CGPoint cntr = [imageView center];
            [imageView setCenter:CGPointMake(cntr.x + diff.x, cntr.y …

我必须像这样使用MahApps.Metro从头开始创建一个新窗口。这会为您创建一个没有标准窗口按钮（“关闭”，“还原”或“最小化”）的无边界窗口。

我实现了这些按钮，效果很好。我看到的与其他窗口不同的是，该行为允许用户使用拖放来更改窗口的位置。

我一直在寻找，但我不知道该怎么做。

如何在非标准窗口中实现拖放行为？