CN104216607A - 基于html5的虚拟操作系统的图标拖拽方法及系统 - Google Patents
基于html5的虚拟操作系统的图标拖拽方法及系统 Download PDFInfo
- Publication number
- CN104216607A CN104216607A CN201310399205.7A CN201310399205A CN104216607A CN 104216607 A CN104216607 A CN 104216607A CN 201310399205 A CN201310399205 A CN 201310399205A CN 104216607 A CN104216607 A CN 104216607A
- Authority
- CN
- China
- Prior art keywords
- icon
- module
- information
- virtual opetrating
- html5
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明的一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,主要包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。实现了云计算可视化操作,通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理,并将操作数据返回给服务器处理及保存,也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上,即可实现上传文件的功能;同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯,图标展示方法系统还提供API接口,以供第三方应用的调用、操作、或进行数据交互。
Description
技术领域
本发明涉及一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,尤其涉及一种基于浏览器或其他HTML5环境下的虚拟操作系统或Web应用中的图标拖拽及操作处理。
背景技术
随着互联网的飞速发展,浏览器不再仅仅用来表示Web内容,随着HTML5的技术的问世,Web进入了一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。如今已进入后Web2.0时代,人机交互、人网交互已经成为常态,我们已经不能满足于网页上简单的图片和文字展示,尤其在浏览器上管理云端文件、文件夹、应用等时,普遍使用点击超链接和页面转跳的方式进行操作及展示,不仅用户体现极差,并且在页面转跳时耗费大量的时间以及网络流量。我们更希望能像本地操作系统那样直观地展示和操作,因此,为了迎合互联网技术发展的需求,研发一种基于HTML5的图标拖拽方法及系统,可运行于基于浏览器或其他HTML5环境下的虚拟操作系统或Web应用中,在客户端中,通过按下鼠标并移动或手指在触摸屏上滑动就可以进行图标拖拽的操作,当图标拖拽到另一个控件后并进行放置,系统自动进行相关操作。实现了云计算可视化操作,并把操作结果反馈到服务器中进行处理并以图形方式显示于客户端,方便用户对文件进行可视化远程操作。也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上,即可实现上传文件的功能。同时,由于HTML5的跨平台、跨终端的特性,也使改图标展示方法及系统具备了跨平台、跨终端的特性,并提供了适用于鼠标操作和适用于触摸屏操作的两种用户操作习惯,大大增强了Web的人机交互、人网交互的用户体现。
发明内容
为了迎合互联网技术发展的需求,增强了Web的人机交互、人网交互的用户体现,提供的一种基于HTML5的跨平台、跨终端的图标拖拽方法及系统,以通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理,并将操作数据返回给服务器处理及保存,也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上,即可实现上传文件的功能。同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯。不仅如此,所述的图标展示方法系统还提供API接口,以供第三方应用的调用、操作和进行数据交互。本发明是通过以下技术方案来实现的:
一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块;所述控件初始化模块,用于设置图标或控件的HTML元素的事件(Events)及处理方法,设置来自API接口模块的拖拽处理方法;所述图标拖拽处理模块,用于处理图标拖拽过程中的计算机图形图标的移动及检测鼠标指针(或触摸屏下的手指接触位置)下的可放置控件,及其放置方法;所述人性化显示辅助模块,用于在图标拖拽过程中,提供人性化的处理提示,对鼠标指针下(或触摸屏下的手指接触位置)的控件进行判断并进行模拟操作,如自动切换屏幕或应用,确保图标可拖拽范围的最大化;所述图标放置处理模块,对图标进行放置后的操作,并将拖拽后的图标信息发送给API接口模块;所述处理结果显示模块,用于显示图标在拖拽后的位置及状态;所述API接口模块,用于与虚拟操作系统以及第三方应用的对接。
进一步地,为了让图标可以进行实际的拖拽处理,还包括与所述API接口模块交互对接的虚拟操作系统,用于处理进行拖拽后的图标信息;为了让所述虚拟操作系统对图标拖拽操作处理后的信息得以保存,该图标拖拽方法及系统还包括与所述虚拟操作系统对接的服务器,用于接收并处理来自终端虚拟操作系统发送的图标修改信息,并将处理后的信息返回到所述终端虚拟操作系统中。
进一步地,为了让所述图标拖拽方法及系统更广泛地应用,还可以包括与所述API接口模块交互对接的第三方应用,可以自定义人性化显示辅助提示的文字或图形信息,也可以自定义图标拖拽处理方法及图标放置处理方法;为了让所述第三方应用对图标拖拽操作处理后的信息得以保存,该图标拖拽方法及系统还包括与所述第三方应用对接的服务器,用于接收并处理来自终端第三方应用发送的图标修改信息,并将处理后的信息返回到所述终端第三方应用中。
进一步地,该图标拖拽方法及系统为用户提供了交互式的可视化操作界面,此操作界面的实施包括以下步骤,所述API接口模块接收来自所述虚拟操作系统或所述第三方应用的初始化信息后,将该信息发送给所述控件初始化模块,所述控件初始化模块对接收到的初始化信息进行分析并应用到相应的图标或控件;所述初始化信息包括:可拖拽图标、可放置控件、可放置的图标类型、可视化辅助视图信息、拖拽过程处理方法、放置处理方法和错误调用方法。
进一步地,该图标拖拽方法及系统的拖拽操作由以下步骤进行实施:用户通过可视化操作界面进行拖拽操作,图标拖拽处理模块对图标进行拖动的可视化预览和对指针下(或触摸屏下的手指接触位置)的控件进行分析,并将检测出来的控件保存为焦点控件;调用人性化辅助模块进行处理,人性化辅助模块对坐标和控件信息进行分析,进行相应的操作提醒,和人性化地进行模拟操作,如切换应用、切换屏幕;当用户松开鼠标(或用户的手指离开触摸屏)后,图标放置处理模块进行可否放置的判断,若不能放置,调用处理结果显示模块将图标还原的原有的位置和状态,若可以放置,调用处理结果显示模块进行可视化处理,并通过所述API接口模块将处理信息发送到所述虚拟操纵系统或第三方应用中。
进一步地,为了确保操作的有效进行及对错误处理,该图标拖拽方法及系统的拖拽操作有以下步骤:所述处理信息发送给所述虚拟操纵系统或第三方应用后,所述虚拟操纵系统或第三方应用对在终端或将信息返回到服务器中进行处理,此时可以得到两种结果,处理成功或处理失败,并将该结果返回给所述API接口模块;若处理结果为成功,则操作完毕;若处理结果为失败,则调用处理结果显示模块将图标还原的原有的位置和状态。
进一步地,所述可拖拽图标有可能为单个或多个,所述可拖拽图标为多个的情况下,则循环执行每个图标的放置方法。
进一步地,该图标拖拽方法及系统还为基于HTML5的虚拟操作系统提供了一套默认的拖拽操作方法,主要包括打开与图标相应的文件、图标的路径移动和人性化、可视化的辅助提现及自动操作。
进一步地所述打开与图标相应的文件方法的用户操作包括但不限于将图标拖拽到另一个图标上,将图标拖拽到应用窗口中;所述图标的路径移动方法的用户操作包括但不限于将图标拖拽到另一个图标上,将图标从一个文件夹应用窗口拖拽到另一个文件夹应用窗口,将图标从一个桌面屏幕拖拽到另一个桌面屏幕,将图标从桌面屏幕拖拽到文件夹应用窗口,将图标文件夹应用窗口拖拽到桌面屏幕;在拖拽过程中,在拖拽的图标视图下方会有一个提示框出现,并显示放置后的操作方法,包括但不限于“移动到 ***”, “打开文件”,“使用 *** 打开”,“复制到 ***”;对于在无法进行放置的位置上,在拖拽的图标视图下方会有一个停止、或错误的图形;在拖拽过程中,当用户将图标移动至任务栏并悬停1秒钟,即可模拟操作实现应用切换的效果;在拖拽过程中,当用户将图标移动至屏幕切换器或左右两侧的屏幕切换感应区域并悬停1秒钟,即可模拟操作实现屏幕切换的效果。
进一步地,还具备与本地操作系统原生图标进行交互的功能,用户拖拽本地操作系统的原生图标到运行于浏览器中的基于HTML5的虚拟操作系统中,包括但不限于上传文件到所述虚拟操作系统的服务器上、打开所述原生图标对应的文件。
本发明的一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,主要包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。实现了云计算可视化操作,通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理,并将操作数据返回给服务器处理及保存,方便用户对文件进行可视化远程操作,也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上,即可实现上传文件的功能;同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯,图标展示方法系统还提供API接口,以供第三方应用的调用、操作、或进行数据交互。
附图说明
为了易于说明,本发明由下述的较佳实施例及附图作以详细描述。
图1为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的系统结构图。
图2为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的拖拽环境初始化示意图。
图3为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的拖拽流程处理示意图。
图4为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的在基于HTML5的虚拟操作系统下的默认处理方法示意图。
图5为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的在基于HTML5的虚拟操作系统与本地操作系统图标拖拽交互的示意图。
具体实施方式
本实施例中,参照图1所示,本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的结构示意图,包括以下基本模块:控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。
所述控件初始化模块,用于通过Javascript对图标或控件的HTML元素设置事件(Events)及处理方法以及对图标对象进行以下几点的初始化设置:可放置图标类型、拖拽操作方法的说明、来自API接口模块的拖拽过程处理方法(声明onDrag事件)、放置处理方法(声明onDrop事件)、错误调用方法(声明onError事件)。
所述图标拖拽处理模块,用于处理图标拖拽过程中的计算机图形图标的移动及显示状态;检测鼠标指针下(或触摸屏下的手指接触位置)的可放置控件,检测方法为通过遍历所有的HTML文档下的DOM元素, 并判断其是否为可放置控件的主元素,是否在图形界面中的z-index中的最顶层,检测鼠标指针下(或触摸屏下的手指接触位置)是否在该元素中的视图区域上,若经过筛选后,有符合匹配的可放置控件,将该控件保存为焦点控件,如果该控件注册了拖拽过程处理方法,则执行该方法。若经过筛选后,没有符合匹配的可放置控件,删除焦点控件的保存信息。
所述人性化显示辅助模块,用于在图标拖拽过程中,提供人性化的处理提示,对鼠标指针下(或触摸屏下的手指接触位置)的控件进行判断并进行模拟操作,如自动切换屏幕或应用等,确保图标可拖拽范围的最大化。
所述图标放置处理模块,用于对图标进行放置后的操作。通过判断是否存在焦点控件,若存在,则执行该控件注册的放置处理方法,并将拖拽后的图标信息发送给API接口模块;同时调用处理结果显示模块进行处理。
所述处理结果显示模块,用于显示图标在拖拽后的默认处理位置及状态,并在处理错误时将图标还原到初始的位置和状态。此模块仅为基于HTML5的操作系统提供了默认的处理方法。
所述API接口模块,用于与虚拟操作系统以及第三方应用的对接。并将接收到的初始化信息传递给控件初始化模块进行操作界面初始化设置。
所述初始化信息包括:可拖拽图标、可放置控件、可放置的图标类型、可视化辅助视图信息、拖拽过程处理方法、放置处理方法和错误调用方法。当第三方应用调用时,初始化信息必须包含可放置控件和放置处理方法。
所述基本模块(包括:API接口模块、控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块,以下简称基本模块),仅为基于HTML5的操作系统提供了默认的处理方法,但对于现在千变万化的应用需求,这些方式是不能满足需求的。正如图1可见,一套完整图标拖拽方法及系统,还包括虚拟操作系统及其服务器,第三方应用及其服务器,它们通过与所述API接口模块进行交互对接,向基本控件发送初始化信息,并通过对特定的图标设置拖拽和放置方法、过程处理方法、可视化提示信息等。让本发明能够再更大的范围内满足用户或应用的需要。
参照图2所示,为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的图形界操作界面初始化实施图,由以下步骤进行:
步骤一:与所述API接口模块交互对接的虚拟操作系统或所述第三方应用向所述API接口模块发送初始化信息。
步骤二:所述API接口模块接收到来自与其交互对接的虚拟操作系统或第三方应用的初始化信息后,进行分析,将有用的信息发送给所述控件初始化模块。若所述初始化信息来自第三方应用,需确保初始化信息中至少包含可放置控件及放置处理方法。
步骤三:通过所述控件初始化模块对接收到的信息进行分析并应用到相应的图标或控件,设置HTML文档中的DOM元素设置相关的事件,此时,所述图标拖拽方法及系统的图形操作界面初始化完毕。
当所述图标拖拽方法及系统的图形操作界面初始化后,即可对用户的操作进行监控。
在适用于鼠标操作的操作模式下,一次图标拖拽的过程是按以下步骤进行的:用户移动鼠标到要拖动的图标位置上,按下鼠标左键,并将鼠标指针移动到要放置的控件上,松开鼠标左键。
在适用于触摸屏操作的操作模式下,用户在触摸屏上,使用手指点在要拖拽的图标上,滑动手指使其移动到要放置的控件上,放开手指。
参照图3所示,为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统的拖拽流程处理示意图,包括以下进行步骤:
步骤一:用户移动鼠标到要拖动的图标位置上并下鼠标左键(或用户在触摸屏上,使用手指点在要拖拽的图标上),拖拽开始。
步骤二:用户将鼠标指针移动到要放置的控件上的过程(或在触摸屏操作模式下,滑动手指使其移动到要放置的控件上),通过图标拖拽处理模块将要拖拽的图标移动对应的位置下,并将显示状态改为拖拽中;检测并经过筛选后,有符合匹配的可放置控件,将该控件保存为焦点控件,如果该控件注册了拖拽过程处理方法,则执行改方法。若经过筛选后,没有符合匹配的可放置控件,删除保存焦点控件信息。调用人性化辅助模块进行处理,人性化辅助模块对坐标和控件信息进行分析,进行相应的操作提醒,和人性化地进行模拟操作,如切换应用、切换屏幕等。
步骤三:当用户松开鼠标(或用户的手指离开触摸屏)后,图标放置处理模块进行可否放置的判断,若不能放置,调用处理结果显示模块将图标还原的原有的位置和状态,若可以放置,调用处理结果显示模块进行可视化处理。并通过所述API接口模块将处理信息发送到所述虚拟操纵系统或第三方应用中。
步骤四:当图标处理信息发送给虚拟操纵系统或第三方应用后,所述虚拟操纵系统或第三方应用对在终端或将信息返回到服务器中进行处理,此时可以得到两种结果,处理成功或处理失败,并将该结果返回给所述API接口模块。若处理结果为成功,则操作完毕。若处理结果为失败,则调用处理结果显示模块将图标还原的原有的位置和状态。
参照图4所示,为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统中基于HTML5的虚拟操作系统下的默认处理方法示意图,包括以下方法及特点:
特点1:打开与图标相应的文件方法的用户操作包括但不限于将图标拖拽到另一个图标上,将图标拖拽到应用窗口中。
特点2:图标的路径移动方法的用户操作包括但不限于将图标拖拽到另一个图标上、将图标从一个文件夹应用窗口拖拽到另一个文件夹应用窗口、将图标从一个桌面屏幕拖拽到另一个桌面屏幕、将图标从桌面屏幕拖拽到文件夹应用窗口,将图标文件夹应用窗口拖拽到桌面屏幕。
特点3:在拖拽过程中,在拖拽的图标视图下方会有一个提示框出现,并显示放置后的操作方法,包括但不限于“移动到 ***”, “打开文件”,“使用 *** 打开”,“复制到 ***”。对于在无法进行放置的位置上,在拖拽的图标视图下方会有一个停止、或错误的图形。
特点4:在拖拽过程中,当用户将图标移动至任务栏并悬停1秒钟,即可模拟操作实现应用切换的效果。
特点5:在拖拽过程中,当用户将图标移动至屏幕切换器或左右两侧的屏幕切换感应区域并悬停1秒钟,即可模拟操作实现屏幕切换的效果。
参照图5所示,为本发明一种基于HTML5的虚拟操作系统的图标拖拽方法及系统中基于HTML5的虚拟操作系统与本地操作系统图标拖拽交互的示意图,适用于以下方面的操作:
用户拖拽本地操作系统的原生图标到运行于浏览器中的基于HTML5的虚拟操作系统中,包括但不限于上传文件到所述虚拟操作系统的服务器上、打开所述原生图标对应的文件。
然后,由于受到浏览器的安全限制,并不能将浏览器中的图标拖拽到本地操作系统中。此时可以通过安装浏览器插件来解决这个问题。
通过图标拖拽来进行两系统中的文件交互(文件上传与下载),可大大增强Web的人机交互、人网交互的用户体现。
本发明的一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,主要包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。实现了云计算可视化操作,通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理,并将操作数据返回给服务器处理及保存,方便用户对文件进行可视化远程操作,也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上,即可实现上传文件的功能;同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯,图标展示方法系统还提供API接口,以供第三方应用的调用、操作、或进行数据交互。
上述实施例,只是本发明的一个实例,并不是用来限制本发明的实施与权利范围,凡与本发明权利要求所述内容相同或等同的技术方案,均应包括在本发明保护范围内。
Claims (10)
1.一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块;所述控件初始化模块,用于设置图标或控件的HTML元素的事件(Events)及处理方法,设置来自API接口模块的拖拽处理方法;所述图标拖拽处理模块,用于处理图标拖拽过程中的计算机图形图标的移动及检测鼠标指针(或触摸屏下的手指接触位置)下的可放置控件,及其放置方法;所述人性化显示辅助模块,用于在图标拖拽过程中,提供人性化的处理提示,对鼠标指针下(或触摸屏下的手指接触位置)的控件进行判断并进行模拟操作,如自动切换屏幕或应用,确保图标可拖拽范围的最大化;所述图标放置处理模块,对图标进行放置后的操作,并将拖拽后的图标信息发送给API接口模块;所述处理结果显示模块,用于显示图标在拖拽后的位置及状态;所述API接口模块,用于与虚拟操作系统以及第三方应用的对接。
2.根据权利要求1所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:为了让图标可以进行实际的拖拽处理,还包括与所述API接口模块交互对接的虚拟操作系统,用于处理进行拖拽后的图标信息;为了让所述虚拟操作系统对图标拖拽操作处理后的信息得以保存,该图标拖拽方法及系统还包括与所述虚拟操作系统对接的服务器,用于接收并处理来自终端虚拟操作系统发送的图标修改信息,并将处理后的信息返回到所述终端虚拟操作系统中。
3.根据权利要求1所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:为了让所述图标拖拽方法及系统更广泛地应用,还可以包括与所述API接口模块交互对接的第三方应用,可以自定义人性化显示辅助提示的文字或图形信息,也可以自定义图标拖拽处理方法及图标放置处理方法;为了让所述第三方应用对图标拖拽操作处理后的信息得以保存,该图标拖拽方法及系统还包括与所述第三方应用对接的服务器,用于接收并处理来自终端第三方应用发送的图标修改信息,并将处理后的信息返回到所述终端第三方应用中。
4.根据权利要求1所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:该图标拖拽方法及系统为用户提供了交互式的可视化操作界面,此操作界面的实施包括以下步骤,所述API接口模块接收来自所述虚拟操作系统或所述第三方应用的初始化信息后,将该信息发送给所述控件初始化模块,所述控件初始化模块对接收到的初始化信息进行分析并应用到相应的图标或控件;所述初始化信息包括:可拖拽图标、可放置控件、可放置的图标类型、可视化辅助视图信息、拖拽过程处理方法、放置处理方法和错误调用方法。
5.根据权利要求1-4所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:该图标拖拽方法及系统的拖拽操作由以下步骤进行实施:用户通过可视化操作界面进行拖拽操作,图标拖拽处理模块对图标进行拖动的可视化预览和对指针下(或触摸屏下的手指接触位置)的控件进行分析,并将检测出来的控件保存为焦点控件;调用人性化辅助模块进行处理,人性化辅助模块对坐标和控件信息进行分析,进行相应的操作提醒,和人性化地进行模拟操作,如切换应用、切换屏幕;当用户松开鼠标(或用户的手指离开触摸屏)后,图标放置处理模块进行可否放置的判断,若不能放置,调用处理结果显示模块将图标还原的原有的位置和状态,若可以放置,调用处理结果显示模块进行可视化处理,并通过所述API接口模块将处理信息发送到所述虚拟操纵系统或第三方应用中。
6.根据权利要求5所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:为了确保操作的有效进行及对错误处理,该图标拖拽方法及系统的拖拽操作有以下步骤:所述处理信息发送给所述虚拟操纵系统或第三方应用后,所述虚拟操纵系统或第三方应用对在终端或将信息返回到服务器中进行处理,此时可以得到两种结果,处理成功或处理失败,并将该结果返回给所述API接口模块;若处理结果为成功,则操作完毕;若处理结果为失败,则调用处理结果显示模块将图标还原的原有的位置和状态。
7.根据权利要求5所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:所述可拖拽图标有可能为单个或多个,所述可拖拽图标为多个的情况下,则循环执行每个图标的放置方法。
8.根据权利要求5所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:该图标拖拽方法及系统还为基于HTML5的虚拟操作系统提供了一套默认的拖拽操作方法,主要包括打开与图标相应的文件、图标的路径移动和人性化、可视化的辅助提现及自动操作。
9.根据权利要求8所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:所述打开与图标相应的文件方法的用户操作包括但不限于将图标拖拽到另一个图标上,将图标拖拽到应用窗口中;所述图标的路径移动方法的用户操作包括但不限于将图标拖拽到另一个图标上,将图标从一个文件夹应用窗口拖拽到另一个文件夹应用窗口,将图标从一个桌面屏幕拖拽到另一个桌面屏幕,将图标从桌面屏幕拖拽到文件夹应用窗口,将图标文件夹应用窗口拖拽到桌面屏幕;在拖拽过程中,在拖拽的图标视图下方会有一个提示框出现,并显示放置后的操作方法,包括但不限于“移动到 ***”, “打开文件”,“使用 *** 打开”,“复制到 ***”;对于在无法进行放置的位置上,在拖拽的图标视图下方会有一个停止、或错误的图形;在拖拽过程中,当用户将图标移动至任务栏并悬停1秒钟,即可模拟操作实现应用切换的效果;在拖拽过程中,当用户将图标移动至屏幕切换器或左右两侧的屏幕切换感应区域并悬停1秒钟,即可模拟操作实现屏幕切换的效果。
10.根据权利要求8所述的基于HTML5的虚拟操作系统的图标拖拽方法及系统,其特征在于:还具备与本地操作系统原生图标进行交互的功能,用户拖拽本地操作系统的原生图标到运行于浏览器中的基于HTML5的虚拟操作系统中,包括但不限于上传文件到所述虚拟操作系统的服务器上、打开所述原生图标对应的文件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310399205.7A CN104216607B (zh) | 2013-09-05 | 2013-09-05 | 基于html5的虚拟操作系统的图标拖拽方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310399205.7A CN104216607B (zh) | 2013-09-05 | 2013-09-05 | 基于html5的虚拟操作系统的图标拖拽方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104216607A true CN104216607A (zh) | 2014-12-17 |
CN104216607B CN104216607B (zh) | 2017-10-20 |
Family
ID=52098168
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310399205.7A Expired - Fee Related CN104216607B (zh) | 2013-09-05 | 2013-09-05 | 基于html5的虚拟操作系统的图标拖拽方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104216607B (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104536802A (zh) * | 2014-12-19 | 2015-04-22 | 中兴通讯股份有限公司 | 一种实现应用调用的方法及虚拟机 |
CN106569819A (zh) * | 2016-11-04 | 2017-04-19 | 国网浙江省电力公司丽水供电公司 | 一种用于视频监控平台的自动抓图方法 |
CN108319687A (zh) * | 2018-02-01 | 2018-07-24 | 中国农业银行股份有限公司 | 一种基于js拖拽技术的sql规则生成器 |
CN108446188A (zh) * | 2018-03-12 | 2018-08-24 | 维沃移动通信有限公司 | 一种数据备份方法及移动终端 |
CN108536342A (zh) * | 2017-03-02 | 2018-09-14 | 腾讯科技(深圳)有限公司 | 一种数据查询方法及装置 |
WO2018196621A1 (zh) * | 2017-04-26 | 2018-11-01 | 腾讯科技(深圳)有限公司 | 文件载入控制、云存储应用中实现上传的交互方法和装置、机器设备及计算机可读存储介质 |
CN111814087A (zh) * | 2019-04-25 | 2020-10-23 | 厦门雅基软件有限公司 | Web窗口的动态布局方法、装置、电子设备及可读存储介质 |
CN112543300A (zh) * | 2020-11-09 | 2021-03-23 | 深圳大因光电有限公司 | 一种可视化会议控制系统及使用方法 |
CN113946267A (zh) * | 2021-10-20 | 2022-01-18 | 百融至信(北京)征信有限公司 | 一种基于移动端的返回操作方法及系统 |
WO2022052677A1 (zh) * | 2020-09-09 | 2022-03-17 | 华为技术有限公司 | 界面显示方法及电子设备 |
CN114371809A (zh) * | 2021-12-14 | 2022-04-19 | 南京中孚信息技术有限公司 | 一种基于Vue的大屏可视化模块拖拽技术的研究 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102508596A (zh) * | 2011-09-30 | 2012-06-20 | 北京风灵创景科技有限公司 | 一种在移动设备上进行快捷互联网操作的方法 |
KR20130021997A (ko) * | 2011-08-24 | 2013-03-06 | 현대모비스 주식회사 | 드래그 앤 드롭에 따른 콘텐츠 전송 가능한 이동통신 단말 및 그 방법 |
CN103092487A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 上传和下载文件的方法及装置 |
-
2013
- 2013-09-05 CN CN201310399205.7A patent/CN104216607B/zh not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20130021997A (ko) * | 2011-08-24 | 2013-03-06 | 현대모비스 주식회사 | 드래그 앤 드롭에 따른 콘텐츠 전송 가능한 이동통신 단말 및 그 방법 |
CN102508596A (zh) * | 2011-09-30 | 2012-06-20 | 北京风灵创景科技有限公司 | 一种在移动设备上进行快捷互联网操作的方法 |
CN103092487A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 上传和下载文件的方法及装置 |
Non-Patent Citations (2)
Title |
---|
LUCIFINILHADES: "HTML5拖放API", 《ITOYO》 * |
胡岘: "一种HTML5云文件系统", 《网络安全技术应用》 * |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104536802A (zh) * | 2014-12-19 | 2015-04-22 | 中兴通讯股份有限公司 | 一种实现应用调用的方法及虚拟机 |
WO2016095383A1 (zh) * | 2014-12-19 | 2016-06-23 | 中兴通讯股份有限公司 | 一种实现应用调用的方法及虚拟机 |
CN104536802B (zh) * | 2014-12-19 | 2021-05-04 | 中兴通讯股份有限公司 | 一种实现应用调用的方法及虚拟机 |
CN106569819A (zh) * | 2016-11-04 | 2017-04-19 | 国网浙江省电力公司丽水供电公司 | 一种用于视频监控平台的自动抓图方法 |
CN106569819B (zh) * | 2016-11-04 | 2023-04-28 | 国网浙江省电力公司丽水供电公司 | 一种用于视频监控平台的自动抓图方法 |
CN108536342A (zh) * | 2017-03-02 | 2018-09-14 | 腾讯科技(深圳)有限公司 | 一种数据查询方法及装置 |
WO2018196621A1 (zh) * | 2017-04-26 | 2018-11-01 | 腾讯科技(深圳)有限公司 | 文件载入控制、云存储应用中实现上传的交互方法和装置、机器设备及计算机可读存储介质 |
CN108803958A (zh) * | 2017-04-26 | 2018-11-13 | 腾讯科技(深圳)有限公司 | 文件载入控制、云存储应用中实现上传的交互方法和装置 |
US11277466B2 (en) | 2017-04-26 | 2022-03-15 | Tencent Technology (Shenzhen) Company Limited | File transferring method and apparatus, interactive method and apparatus for implementing uploading in cloud storage application, machine device, and computer-readable storage medium |
CN108803958B (zh) * | 2017-04-26 | 2022-12-16 | 腾讯科技(深圳)有限公司 | 文件载入控制、云存储应用中实现上传的交互方法和装置 |
CN108319687A (zh) * | 2018-02-01 | 2018-07-24 | 中国农业银行股份有限公司 | 一种基于js拖拽技术的sql规则生成器 |
CN108319687B (zh) * | 2018-02-01 | 2021-12-03 | 中国农业银行股份有限公司 | 一种基于js拖拽技术的sql规则生成器 |
CN108446188A (zh) * | 2018-03-12 | 2018-08-24 | 维沃移动通信有限公司 | 一种数据备份方法及移动终端 |
CN111814087A (zh) * | 2019-04-25 | 2020-10-23 | 厦门雅基软件有限公司 | Web窗口的动态布局方法、装置、电子设备及可读存储介质 |
CN111814087B (zh) * | 2019-04-25 | 2023-03-14 | 厦门雅基软件有限公司 | Web窗口的动态布局方法、装置、电子设备及可读存储介质 |
WO2022052677A1 (zh) * | 2020-09-09 | 2022-03-17 | 华为技术有限公司 | 界面显示方法及电子设备 |
CN112543300A (zh) * | 2020-11-09 | 2021-03-23 | 深圳大因光电有限公司 | 一种可视化会议控制系统及使用方法 |
CN113946267A (zh) * | 2021-10-20 | 2022-01-18 | 百融至信(北京)征信有限公司 | 一种基于移动端的返回操作方法及系统 |
CN114371809A (zh) * | 2021-12-14 | 2022-04-19 | 南京中孚信息技术有限公司 | 一种基于Vue的大屏可视化模块拖拽技术的研究 |
Also Published As
Publication number | Publication date |
---|---|
CN104216607B (zh) | 2017-10-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104216607A (zh) | 基于html5的虚拟操作系统的图标拖拽方法及系统 | |
US9645733B2 (en) | Mechanism for switching between document viewing windows | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
CN105302784B (zh) | 复制/剪切和粘贴数据的方法和系统 | |
US20130106888A1 (en) | Interactively zooming content during a presentation | |
US20130198653A1 (en) | Method of displaying input during a collaboration session and interactive board employing same | |
EP3155507B1 (en) | Storage system user interface with floating file collection | |
EP3232305A1 (en) | Method, apparatus and device for moving icon, and non-volatile computer storage medium | |
US20140372923A1 (en) | High Performance Touch Drag and Drop | |
EP2521025B1 (en) | Component display processing method and user device | |
CN104756060A (zh) | 基于手势的光标控制 | |
TW201812567A (zh) | 顯示資料的控制方法、裝置和系統 | |
US11537284B2 (en) | Method for scrolling visual page content and system for scrolling visual page content | |
CN103164115A (zh) | 一种将应用程序图标移入文件夹的方法及终端 | |
KR20140094540A (ko) | 크로스 윈도우 애니메이션 | |
CN105867820A (zh) | 用于触摸屏的文本编辑方法和装置 | |
US20050268250A1 (en) | Apparatus and method for selecting actions for visually associated files and applications | |
CN103177014B (zh) | 网页中控制界面组件的方法及系统 | |
KR20140086979A (ko) | 인터넷 브라우저-기반 원격 사용자 인터페이스 가상 마우스 커서 위치결정 방법 | |
CN104063178A (zh) | 一种基于触摸屏的结构化网页的显示及切换方法 | |
CN106503009A (zh) | 显示页面中数据的转移方法及装置 | |
CN110727383A (zh) | 基于小程序的触控交互方法、装置、电子设备与存储介质 | |
CN113648649A (zh) | 游戏界面的控制方法、装置、计算机可读介质及终端设备 | |
US9720566B1 (en) | Management of user interface elements | |
CN107817927B (zh) | 应用图标管理方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20171020 Termination date: 20210905 |
|
CF01 | Termination of patent right due to non-payment of annual fee |