标签: drag-and-drop

有没有人曾经处理过来自雷鸟的电子邮件拖累？任何引用链接代码？

我希望能够将雷鸟的电子邮件拖到我的应用程序中？

有没有一种简单的方法来自定义WPF TabControl,以便它支持TabItem拖放 - 类似于IE和Firefox所做的.

我正在创建一个WPF数据网格,我希望能够通过拖放重新排序行,如下所示:我单击一行并向上或向下拖动它.像我一样,如果我释放鼠标,标记会显示行将被丢弃的位置.当我释放鼠标时,拖动的行将插入标记指示的位置.

有没有人看到任何文章或博客文章,说明如何做到这一点？如果我不需要,我不想重新发明轮子,谷歌也没有发现任何东西.谢谢.

互联网上有许多WYSIWYG编辑器,但我还没有找到一种实现某种形式的拖放实现的编辑器.

创建一个自己的编辑器很容易,但我希望用户能够从可编辑区域外拖动元素(即标记),并将它们放在可编辑区域内选择的位置.

在可编辑元素的特定位置注入html很容易,但是当用户在可编辑区域中的某个元素上拖动DIV时,如何确定插入符应该在何处.为了更好地说明我要解释的内容,请参阅以下方案.

可编辑区域(编辑模式下的IFRAME或其contentEditable属性设置为true的DIV)已包含以下文本:

"亲爱的,请注意......"

用户现在在可编辑区域上拖动表示元素列表中某个标记的元素,将光标移动到文本上,直到插入符号出现在文本中的逗号(,)之前,如上所示.当用户在该位置释放鼠标按钮时,将注入HTML,这可能会导致如下所示:

"亲爱的{UserFirstName},请注意......".

我不知道是否有人做过类似的事情,或者至少知道如何使用JavaScript做这件事.

任何帮助将不胜感激.

我似乎无法在任何地方找到它,只是演示或链接到规范,或谷歌Gears实施.这一切都很棒,但我很好奇它在主浏览器和操作系统上的实际浏览器支持是什么.Firefox,Chrome,Safari,Opera,IE还有其他选择吗？IE9怎么样？

在Android 3.x上有拖放机制的问题:在做了一些拖动(比如30次拖动)之后会产生异常(参见附件链接)

https://groups.google.com/forum/#!msg/android-platform/2APvO248NNY/rKI-5dCT8XcJ (我在日志中收到与该帖子相同的内容..)

android技术人员在那里回答它是API中的错误,并说避免问题的唯一方法是调用垃圾收集器.

我做的.异常没有被抛出,但过了一段时间(比如更多30-40次拖动)android停止从某种原因调用drop事件.

我尝试通过释放所有资源/画布/绘图缓存/回收位图来"刷新"所有视图并重新创建它们并没有帮助(不再抛出异常 - 但仍有一些拖拽掉落事件后'工作)

"帮助"唯一的事情是关闭活动并重新启动它.

有人以某种方式解决了这个问题,或者有一个简单的替代方案??? (旁边实现我自己的拖放功能..)

我想得到解决方案,不会强迫我重新启动或重新创建任何不想要的东西..

这里是演示错误的示例代码(没有演示我在使用System.GC后对drop事件的问题所说的部分):

public class DragandDropExampleActivity extends Activity {

private boolean mIsBeenDragged = false;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    final ImageView imageViewToDRag = (ImageView) findViewById(R.id.image_view_to_drag);

    imageViewToDRag.setClickable(true);

    imageViewToDRag.setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {

            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                mIsBeenDragged = true;
                DragShadowBuilder shadowBuilder = new DragShadowBuilder(imageViewToDRag);
                imageViewToDRag.startDrag(null, shadowBuilder, imageViewToDRag, 0);
            } else if (event.getAction() == MotionEvent.ACTION_UP) {

                mIsBeenDragged = false; …

我正在开发一个应用程序(在Node.js中,这与这种情况无关),它允许用户上传图像.使用带有input(type ="file")字段的表单可以正常工作.

但是,我想要的是能够使用HTML5拖放来上传图像.就我而言,可以将图像拖到客户端,图像缩略图显示在div中.但是我真的需要一些帮助才能使文件上传工作.

问题是我想使用我现在正在使用的表单,并且(不知何故)将文件的路径传递给输入字段,即流程将完全像现在一样工作,而不是通过浏览选择文件我想通过拖放将它附加到输入字段.

在下面用于拖放的js代码中,拖动到客户端的文件存储在变量"file"中,我可以使用"file.name","file.type"和"file.size"与之前使用表单完全相同的方式.但是,我无法访问文件"path"(file.path),这使得无法访问文件服务器端进行上传,就像之前一样.

问题是,在将文件拖到客户端后,是否可以将文件对象传递给输入字段,以便我可以单击"提交"并上传文件？如果是这样,怎么办呢？

提前致谢!

Dropbox以及我用于文件上传的表单:

<div id='upload'>
    <article>
        <div id='holder'>
            <p id='status'>File API and FileReader API not supported</p>
        </div>
    </article> 

    <form method='post' enctype='multipart/form-data' action='/file-upload'>
        <p>
            <input type='file' name='thumbnail'>
        </p>
        <p>
            <input type='submit'>
        </p>
    </form>
</div>

拖放代码:

uploadImage: function(){
    var holder = document.getElementById('holder'),
        state = document.getElementById('status');

    if (typeof window.FileReader === 'undefined') {
      state.className = 'fail';
    } else {
      state.className = 'success';
      state.innerHTML = 'File API & FileReader available';
    }

    holder.ondragover = function () { this.className = 'hover'; return …

我正在尝试在同一控件中实现treeview项的DragDrop.

我希望能够将项目从1个节点移动到另一个节点.

这是我当前的代码,当我运行它时,我可以看到该项目已经开始拖动但是Windows图标将不允许它被删除到Control上的任何节点.

我目前的代码

private void treeView1_ItemDrag(object sender, ItemDragEventArgs e)
{
    DoDragDrop(e.Item, DragDropEffects.Move);
}

private void treeView1_DragEnter(object sender, DragEventArgs e)
{
    e.Effect = DragDropEffects.Move;
}

private void treeView1_DragDrop(object sender, DragEventArgs e)
{
    if (e.Data.GetDataPresent(typeof(TreeNode)))
    {
        TreeNode sourceNode = e.Data.GetData(typeof(TreeView)) as TreeNode;

        var item = new TreeNode(sourceNode.Text);


        System.Drawing.Point pt = ((TreeView)sender).PointToClient(new System.Drawing.Point(e.X, e.Y));
        TreeNode DestinationNode = ((TreeView)sender).GetNodeAt(pt);

        DestinationNode.Nodes.Add(item);
        DestinationNode.Expand();
    }
}

在HTML5中进行拖放操作,我需要能够根据放置目标更改光标.在Chrome中,这可以通过更改dropEffect来实现,

 if (e.currentTarget.id == 'dropMove') {
     e.originalEvent.dataTransfer.dropEffect = 'move';
 } else {
     e.originalEvent.dataTransfer.dropEffect = 'link';
 }

但是在IE和Firefox中更改dropEffect对光标没有影响.请参阅以下小提琴:

http://jsfiddle.net/ksoncan34/s7kN5/

我尝试用window.cursor手动设置光标,但这也没有效果.如何更改Firefox和IE中不同放置目标的光标？

信息:

我有一个RecyclerView,我用类里面的ArrayList dataList填充它ListAdapter.我从表中获取dataList的数据SQLiteDatabase:类中的TABLE_USERdETAILDbHelper.我正在尝试RecyclerView通过使用SimpleItemTouchHelperCallback类来实现拖放重组.但是,虽然我现在能够移动RecyclerView元素,但列表不会重新排序或移动; 我只能暂时将列表元素相互拖动,如下图所示,但它意味着永久地将列表元素插入到它所持有的任何位置:

I expect the problem to be within the ListAdapter class, inside the method onItemMove, but I don't know how to solve my issue.

Question: How do I make this drag and drop feature actually re-organise the RecyclerView data list?

Update 5: I have updated my current code for further assistance.

ListAdapter Class

public class ListAdapter extends …