当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

TkDND

Tcl/Tk的拖放扩展
授权协议 BSD
开发语言
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 不详
投 递 者 陶博赡
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Tk Drag and Drop 是 Tcl/Tk 的一个扩展,用来实现拖放功能,基于 Tk 8.3.3 或者更高版本。支持包括 Windows\Mac\Linux 内嵌的拖放操作。

DND也就是Drag and Drop,是一个很常用的UI组件,它不是显示的一种应用,而是用于在目标文件拖拽到应用程序界面时发生的一种响应行为,这个行为可以使打开文件或者进行某种进一步的计算。

tkdnd目前支持Unix,Windows(xp 、vista、7)以及OS X(Leopard),是比较好切易用的一种DND组件。

示例代码:

package require tkdnd

pack
[label .lb -text {drop files}]
tkdnd
::drop_target register .lb *

bind
.lb <<Drop>> "tk_messageBox -message %D"
 相关资料
  • 用法 包含 'treegrid-dnd.js' 文件 <script type="text/javascript" src="treegrid-dnd.js"></script> 启用拖拽与放置     <table title="Folder Browser"             data-options="                 data: data,         

  • 用法 包含 'datagrid-dnd.js' 文件 <script type="text/javascript" src="datagrid-dnd.js"></script> 启用拖拽与放置     <table title="DataGrid" data-options="                 singleSelect:true,                 data

  • 我想为我的应用程序实现DnD,以仅接受某些扩展名的文件(例如wrl)。如果文件将被接受,我想将光标更改为拖动光标,并在拖放错误扩展名的文件时恢复为正常光标。 我一直在遵循以下教程/示例从http://docs.oracle.com/javase/tutorial/uiswing/dnd/toplevel.html 我所做的更改是在can导入函数中 当我在不同的文件中拖动时,这种行为是正确的。但是,

  • pre { white-space: pre-wrap; } 如果您能够通过您的 Web 应用简单地实现拖动和放置,您就会知道一些特别的东西。通过 jQuery EasyUI,我们在 Web 应用中可以简单地实现拖放功能。 在本教程中,我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面。购物篮中的物品和价格将更新。 显示页面上的商品     <ul>         <li>

  • pre { white-space: pre-wrap; } 本教程向您展示如何使 HTML 元素可拖动,在本例中,我们将创建三个 DIV 元素然后启用他们的拖动和放置。 首先,我们创建三个 <div> 元素:     <div id="dd1"></div>     <div id="dd2"></div>     <div id="dd3"></div> 对于第一个 <div> 元素,我们

  • 问题内容: 嘿,我一直在阅读本教程,以了解PyQt4中的拖放方法。但是,我无法理解以下几点。如果某事能够使我更清楚,那将是很好的。 为什么会有单独的self.button.move()和e.setDropAction()self.button.move()实际不移动按钮本身吗?有人可以解释一下drag.setHotSpot和drag.start()的作用吗?谢谢。 问题答案: 该教程已严重过时。从

  • 拖放是一种非常流行的用户界面模式。它的概念很简单:点击某个对象,并按住鼠标按钮不放,将鼠标移动到另一个区域,然后释放鼠标按钮将对象“放”在这里。拖放功能也流行到了Web 上,成为了一些更传统的配置界面的一种候选方案。 拖放的基本概念很简单:创建一个绝对定位的元素,使其可以用鼠标移动。这个技术源自一种叫做“鼠标拖尾”的经典网页技巧。鼠标拖尾是一个或者多个图片在页面上跟着鼠标指针移动。 单元素鼠标拖尾

  • #div1, #div2 {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("Tex