VC实现文件管理器拖拽(Drag-and-Drop)

        在日常的程序中,为了操作的方便,经常需要使用鼠标拖拽的方式把文件管理器中的文件拖拽到我们自己写的程序中,以下就简单介绍以下实现该操作的方法。

       其实文件管理器的拖拽方式实现起来很简单,主要通过几个函数来实现,消息WM_DROPFILES的响应函数OnDropFiles,还有三个API函数:DragQueryFile、DragQueryPoint和DragFinish。 在启动拖拽动作时,操作系统会分配一块内存存储拖拽的文件的信息,并通过一个HDROP类型的句柄把该块内存的地址传递给函数OnDropFiles函数。

       文件管理器拖拽方式的实质就是处理WM_DROPFILES消息,要让窗口或控件响应该消息,需要先设置Accept Files属性,可以通过在窗口或控件的属性页中勾选Accept Files,也可以通过调用CWnd类的成员函数DragAcceptFiles(TRUE)或API函数DragAcceptFiles(HWND hWnd,BOOL fAccept),可以在OnCreate或OnInitDialog之类的函数中调用,它们的效果都是一样的。

   设置了Accept Files属性后,就可以添加WM_DROPFILES消息的响应函数OnDropFiles了,ClassWizard不支持该函数,所以需要手动添加此函数,然后在该函数中调用上述的三个API函数,其代码如下:

void DragDemo::OnDropFiles(HDROP hDrop)
{
 // 定义一个缓冲区来存放读取的文件名信息
 char szFileName[MAX_PATH + 1] = {0};

 // 通过设置iFiles参数为0xFFFFFFFF,可以取得当前拖动的文件数量,
 // 当设置为0xFFFFFFFF,函数间忽略后面连个参数。

 UINT nFiles = DragQueryFile(hDrop, 0xFFFFFFFF, NULL, 0);

 // 通过循环依次取得拖动文件的File Name信息,并把它添加到ListBox中
 for(UINT i=0; i<nFiles; i++)
 {
  DragQueryFile(hDrop, i, szFileName, MAX_PATH);
  m_listCtrl.AddString(szFileName);
 }

 // 结束此次拖拽操作,并释放分配的资源
 DragFinish(hDrop);
}

    其中三个API函数的具体用法可以参照MSDN。由于本例的操作是直接拖拽的对话框上,所以不需要通过DragQueryPoint来取得鼠标松开时的位置,在实际的实现中,最好是为空间派生出一个类,在该类中定义消息响应函数OnDropFiles,这样就不需要查询鼠标的位置,也不需要设置鼠标的指针样式。

    以上有什么错误还往大家指正,谢谢!

 


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
下面是一个简单的示例,展示了如何使用`react-drag-and-select`组件来实现选择多个项目的功能: ```javascript import React, { useState } from "react"; import DragAndSelect from "react-drag-and-select"; function App() { const [selectedItems, setSelectedItems] = useState([]); const handleSelection = (selectedItems) => { setSelectedItems(selectedItems); }; const items = [ { id: 1, name: "Item 1" }, { id: 2, name: "Item 2" }, { id: 3, name: "Item 3" }, { id: 4, name: "Item 4" }, { id: 5, name: "Item 5" }, ]; return ( <div> <DragAndSelect items={items} onSelection={handleSelection} render={(item, index) => ( <div key={item.id} style={{ marginBottom: 10 }}> <input type="checkbox" checked={selectedItems.includes(item.id)} onChange={() => {}} /> <span style={{ marginLeft: 10 }}>{item.name}</span> </div> )} /> </div> ); } export default App; ``` 在上面的代码中,我们首先导入了`react`和`react-drag-and-select`库。然后,我们使用`useState`钩子来定义了一个名为`selectedItems`的状态,以跟踪用户选择的项目。接着,我们定义了一个名为`handleSelection`的回调函数,用于在选择发生变化时更新`selectedItems`状态。在`handleSelection`回调函数中,我们简单地将所选项目传递给`setSelectedItems`函数,以更新状态。 接下来,我们定义了一个名为`items`的数组,其中包含了我们想要供用户选择的项目。在组件的`render`方法中,我们使用`DragAndSelect`组件来包裹我们的项目。我们将`items`数组传递给`DragAndSelect`组件的`items`属性,以告诉它哪些项目可以被选择。我们还将`handleSelection`函数传递给`DragAndSelect`组件的`onSelection`属性,以在选择发生变化时接收通知。 最后,我们定义了一个`render`函数,用于渲染每个项目。在这个函数中,我们使用一个`<div>`元素来包裹每个项目,并添加了一个复选框和项目名称。我们使用`selectedItems.includes(item.id)`来确定当前项目是否被选择。如果是,我们将复选框标记为选中状态。否则,我们将复选框标记为未选中状态。 希望这个示例能够帮助您了解如何使用`react-drag-and-select`组件来实现选择多个项目的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值