文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Zetcode GUI 教程

PyQt4 中的布局管理 PyQt4 中的事件和信号 PyQt4 中的对话框 PyQt4 小部件 PyQt4 小部件 II PyQt4 中的拖放 PyQt4 中的绘图 PyQt4 中的自定义小部件 PyQt4...实用程序类 Qt4 中的字符串 Qt4 中的日期和时间 在 Qt4 中使用文件和目录 Qt4 中的第一个程序 Qt4 中的菜单和工具栏 Qt4 中的布局管理 Qt4 中的事件和信号 Qt4 小部件 Qt4...中的事件和信号 PySide 中的对话框 PySide 小部件 PySide 小部件 II 在 PySide 中拖放 在 PySide 中绘图 PySide 中的自定义小部件 PySide 中的俄罗斯方块游戏...Mono Winforms 中的基本控件 Mono Winforms 中的高级控件 对话框 Mono Winforms 中的拖放 Mono Winforms 中的绘图 Mono Winforms 中的...中的拖放 绘图 IronPython Mono Winforms 中的绘图 II IronPython Mono Winforms 中的 Snake IronPython Mono Winforms

2.4K40
您找到你想要的搜索结果了吗？
是的
没有找到

HTML5 进阶系列：拖放 API 实现拖放排序

而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 false 即可。 拖放事件 拖放事件由不同的元素产生。...dragover：源对象在过程对象范围内移动。 dragleave：源对象离开过程对象的范围。 目标对象： drop：源对象被拖放到目标对象内。...= function(e){e.preventDefault();} dataTransfer 对象 在所有拖放事件中提供了一个数据传递对象 dataTransfer，用于在源对象和目标对象间传递数据...接下来认识一下这个对象的方法和属性，来了解它是如何传递数据的。 setData() 该方法向 dataTransfer 对象中存入数据。...实现拖放排序 上面已经熟悉了拖放 API 的使用，我们来实现个简单的拖放排序，这也是在项目中比较常见的。

1.9K70

理论 | HTML5 进阶系列：拖放 API 实现拖放排序

而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 false 即可。 拖放事件 拖放事件由不同的元素产生。...dataTransfer 对象 在所有拖放事件中提供了一个数据传递对象 dataTransfer，用于在源对象和目标对象间传递数据。接下来认识一下这个对象的方法和属性，来了解它是如何传递数据的。...例如： setDragImage() 该方法通过用img元素来设置拖放图标。接收三个参数，第一个为图标元素，第二个为图标元素离鼠标指针的X轴位移量，第三个为图标元素离鼠标指针的Y轴位移量。...实现拖放排序 上面已经熟悉了拖放 API 的使用，我们来实现个简单的拖放排序，这也是在项目中比较常见的。...而且在我简单的试验中发现，就是在 IE 中元素不设置 height 的时候，不会触发 dragleave 事件。 更重要的一点是在 ios 和安卓上，完全不兼容。

1.2K31

【HTML5】逐步分析如何实现拖放功能

那么，就让我们来看看如何实现的吧 二、拖放事件 在IE4的时候，Js就可以实现拖放功能了，当时只支持拖放图像和一些文本。...经过测试发现，当被拖放元素的一半以上面积在目标元素内才算进入了目标元素 dragover事件比较特殊，当拖放元素进入目标元素以后就会一直触发，就跟你设置了一个无限循环的定时器一样，即使你不移动元素也会触发...那么最后我们再来将一下如何才能触发 drop事件，只需要阻止 dragenter事件 和 dragover事件 的默认行为即可。 <!...和 text/uri-list，前者表示普通字符串，后者表示URL字符串；第二个参数 就是用于存放的字符串 getData() 方法只接收一个参数，即需要接收的字符串类型 我们来简单使用一下这两个方法...，这个两个属性需要搭配使用，它们决定了被拖放元素 和 目标元素 之间的关系的，当设定好两者的关系后，在进行拖动操作的时候，鼠标会根据不同的关系显示不同的样式，除此之外，没有别的特别的作用。

1.4K10

制作一个基于Chrome内核的Wincc Web控件

例如西门子公司的Wincc软件，由于强大的功能和可扩展性，在工控行业应用广泛，笔者在最近的项目中就遇到一个问题，因为某品牌称重模块的参数设置和校准是通Web页面来实现的，但是在用Wincc的WebBrowser...安装CefSharp包 因为Visual Studio自带的WebBrowser控件也是基于IE内核，所以为了一劳永逸，我们需要安装一个支持Chrome内核的第三方包。...右键点击项目，选择“管理NuGet程序包”，搜索CefSharp.WinForms，并下载最新版本，如下图所示。...动态化URL 控件添加成功后，拖放至画面中，通过控件属性，我们可以看到控件属性中新增了一条名称为“IPAddress”的属性，这个属性用来传递URL参数，在这里我们可以输入固定的值，也可以通过动态绑定Wincc

62520

HTML5 进阶系列：拖放 API 实现拖放排序

而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 false 即可。 拖放事件 拖放事件由不同的元素产生。...dragover：源对象在过程对象范围内移动。 dragleave：源对象离开过程对象的范围。 目标对象： drop：源对象被拖放到目标对象内。...= function(e){e.preventDefault();} dataTransfer 对象 在所有拖放事件中提供了一个数据传递对象 dataTransfer，用于在源对象和目标对象间传递数据...接下来认识一下这个对象的方法和属性，来了解它是如何传递数据的。 setData() 该方法向 dataTransfer 对象中存入数据。...实现拖放排序 上面已经熟悉了拖放 API 的使用，我们来实现个简单的拖放排序，这也是在项目中比较常见的。

1.6K10

html5鼠标拖动排序及resize实现方案分析及实践

而HTML5中直接提供了拖放的API，只要通过监听元素的拖放事件就能实现各种拖放功能。 拖放（Drag和 drop）是 HTML5 标准的组成部分。...源对象事件： dragstart：源对象开始拖放，开始移动时事件触发 drag：源对象拖放过程中，移动被拖拽对象时触发 dragend：源对象拖放结束，整个拖放操作结束时触发。...e.preventDefault(); 如果drop接收盒子要想接收到元素，那么接收的拖动元素 dragenter和dragover必须阻止默认行为。...在 dragenter 和dragover 事件处理程序中，该属性将设置为在dragstart 事件期间分配的任何值，因此，可以使用effectAllowed来确定允许哪个效果。...画布元素位置与尺寸调整 可以先回顾下《再谈BOM和DOM(6):dom对象及event对象位值计算—如offsetX/Top,clentX》 如果使用mouse事件控制，就显得非常复杂。

3K10

drag事件详解：html5鼠标拖动排序及resize实现方案分析及实践

而HTML5中直接提供了拖放的API，只要通过监听元素的拖放事件就能实现各种拖放功能。拖放API阐释拖放（Drag和 drop）是 HTML5 标准的组成部分。...源对象事件： dragstart：源对象开始拖放，开始移动时事件触发 drag：源对象拖放过程中，移动被拖拽对象时触发 dragend：源对象拖放结束，整个拖放操作结束时触发。...e.preventDefault();如果drop接收盒子要想接收到元素，那么接收的拖动元素 dragenter和dragover必须阻止默认行为。...在 dragenter 和dragover 事件处理程序中，该属性将设置为在dragstart 事件期间分配的任何值，因此，可以使用effectAllowed来确定允许哪个效果。...画布元素位置与尺寸调整可以先回顾下《再谈BOM和DOM(6):dom对象及event对象位值计算—如offsetX/Top,clentX》如果使用mouse事件控制，就显得非常复杂。

6.2K21

HTML5 拖放API与Vue.js实战

看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。Trello、Pivotal Tracker 和 Jira 等工具都属于看板应用。...HTML5 拖放 API 是什么？ 当用户将鼠标移到可拖动元素上时，拖动操作开始，然后将元素移动到启用拖放的元素上。 再默认情况下，唯一可拖动的 HTML 元素是图像和链接。...可以在开始拖动操作时（调用 dragstart 事件时）将数据添加到拖动数据存储中，并且只能在完成拖放操作后（调用 drop 事件时）才能接收数据。...从拖动到释放元素的这段时间中，元素被拖放后，将会在被拖动的元素上触发两个事件：dragstart 和 dragend。 现在还不能把可拖动元素拖放到任何地方。...总结 在本文中，我们介绍了什么是 HTML 5 拖放 API ，如何使用，以及如何在 Vue.js 中实现。 拖放功能也可以在其他前端框架和原生 JavaScript 中使用。

4.3K10

H5拖放原生js将图片拖放另外一个元素里

拖动某些元素时，将一次触发下列事件：ondragstart、ondrag、ondragend。 按下鼠标键并开始移动鼠标时，会在被拖放的元素上触发dragstart事件。...紧随其后的是dragover事件，而且被拖动的元素还在放置目标的范围内移动时，就会持续触发该事件。...因为它是事件对象的属性，所以只能在拖放事件的事件处理程序中访问dataTransfer对象。 dataTransfer对象有两个主要方法： getData()和setData()。...setData()方法的第一个参数，也是getDAta()方法唯一的一个参数，是一个字符串，表示保存的数据类型，取值为”text”或“URL”， 如下所示： //设置和接收文本数据 event.dataTransfer.setData...("text","some text"); var text = event.dataTransfer.getData("text"); //设置和接收URLevent.dataTransfer.setData

2K30

js原生拖拽的两种方法

一.mousedown、mousemove和mouseup 拖着目标元素在页面任意位置 如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。...1.onmousedown：鼠标按下事件 2.onmousemove：鼠标移动事件 3.onmouseup：鼠标抬起事件 重点： 1、一定要绝对定位，脱离文档流才可以移动。...数据交换的对象就是事件对象的属性dataTransfer dataTransfer的两个核心方法是setData()和getData() setData()用于设置数据，getData()用语接收数据...dropEffect dropEffect属性值为字符串，表示被拖动元素可以执行哪一种放置行为 要使用这个属性，必须在dragenter事件处理函数中设置 none 不能把元素拖放至此（除文本框外全部元素的默认值...要使用这个属性，必须在dragst事件处理函数中设置 uninitialized 没有设置任何拖放行为 none 不能由任何行为 copy 仅允许dropEffect值为copy link 仅允许

3.3K30

如何在.NET电子表格应用程序中创建流程图

前言 流程图是一种常用的图形化工具，用于展示过程中事件、决策和操作的顺序和关系。它通过使用不同形状的图标和箭头线条，将任务和步骤按照特定的顺序连接起来，以便清晰地表示一个过程的执行流程。...使用什么软件来创建它们？ 为了解决上述的问题，今天小编就为大家介绍如何在.NET WinForms 应用程序中使用电子表格设计器组件在运行时创建形状操作流程图。...创建项目后，使用 NuGet 管理器安装GrapeCity.Spread.WinForms和GrapeCity.Spread.WinForms.Design。...将FpSpread组件拖放到窗体上，然后对FpSpreadDesigner组件执行相同的操作。接下来，在表单上添加一个按钮。...连接完之后的样式： 6.将样式应用到形状 此步骤介绍如何应用样式主题以及如何将自定义样式应用于形状。用户可以使用“形状格式”选项卡的“形状样式”部分自定义形状的背景颜色和轮廓颜色。

19620

【JS】1724- 重学 JavaScript API - Drag and Drop API

这个 API 提供了一系列的事件和方法，使我们能够轻松地处理拖放操作。 1.2 作用和使用场景 拖放 API 作用在于使网页具备拖放功能，为用户提供更直观、灵活的交互体验。...如何使用 使用拖放 API 主要包括以下 3 个步骤： 「定义可拖拽的（draggable）元素」：将需要拖动的元素标记为可拖拽，并指定相应的事件处理逻辑。...提供了丰富的事件和方法，使开发者可以自定义拖放行为。 缺点： 在某些较旧的浏览器中可能存在兼容性问题。 拖放操作可能受到设备的限制，如移动设备上的触摸操作。...使用现有的拖放库或框架，以简化拖放操作的实现。 注意性能问题，特别是在处理大量拖放元素时。 考虑移动设备上的触摸操作，确保拖放功能在移动设备上的可用性和易用性。...总结 本文主要介绍了 Drag and Drop API，我们了解了这个 API 的作用和如何使用，在文章中还通过一些常见使用示例和大家展示代码如何实现，最后还给出一些使用建议和注意，希望大家能够更好的了解

21520

前端拾零02—H5拖放总结

拖放总览 前端拖放，无非通过两种方式：1、js鼠标事件监听，动态改变坐标位置；2、H5原生api。随着H5的普及，推荐使用相对简单的H5原生api实现拖放功能。...H5拖放分为两部分：拖放元素和目标元素，分别有不同的属性和监听事件 2....拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件，作用于拖放元素 ondrag: 拖放期间连续触发事件，作用于拖放元素...目标元素 3.1 目标元素监听事件 ondragenter: 拖放元素进入目标元素时触发事件，作用于目标元素 ondragover: 拖放元素在目标元素上移动时触发事件，作用于目标元素 ondrop:...: 指定拖放视觉效果，只有搭配effectAllowed属性才会生效，在dragenter中设置 (1) none: 不能拖放（除文本框外所有元素的默认值） (2) move: 移动拖放元素 (3) copy

4.2K730

.NET Core.NET5.NET6 开源项目汇总12：WPF组件库2

使用它来构建外观专业、现代且易于使用的WPF应用程序。它已经在这里、Codeplex和NuGet上下载了100多万次。 ? 包含以下控件 ? Plus版本中的其他控件和功能 ?...CefSharp拥有WinForms和WPF应用程序的浏览器控件，以及自动化项目的OffScreen版本。...CefSharp采用现代网络标准，支持HTML5、JavaScript、CSS3和HTML5音频/视频元素。通过WebGL支持3D内容，WebGL使用OpenGL/DirectX进行硬件加速渲染。...集成功能 可以通过编程方式执行Javascript，向Javascript公开.Net类，并在Javascript事件触发时接收回调。...可以通过编程方式调用DevTools方法 可以使用CefSharp显示使用HTML5构建的嵌入式UI，或者显示远程web内容和web应用程序。

2.3K10

如何解决C＃异常：必须先将当前线程设置为单线程单元(STA)模式，然后才能进行OLE调用，请确保你的Main函数已在其上标记了STAThreadAttribute

在本文中, 我们将向你简要说明如何防止此异常出现在WinForms项目中。...异常示例 在我们的项目中, 我们使用CefSharp库, 该库允许我们使用HTML, CSS和JavaScript创建桌面应用程序。它的功能之一是可以将C＃类暴露给窗口中的JavaScript对象。...我们具有以下类, 该类显示用于保存文件的本机对话框(showOpenDialog函数)： using System; using CefSharp.WinForms; using System.IO;...线程)执行该函数, 则将触发异常, 因为我们正在CefSharp的默认Apartment State内部运行代码。...在我们的例子中, 使用从CefSharp中注册的类启动OpenFileDialog的方法, 如果在不更改线程的单元状态的情况下运行代码, 将引发异常。

2.2K10
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券