CN108920230A - 鼠标悬浮操作的响应方法、装置、设备和存储介质 - Google Patents
鼠标悬浮操作的响应方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN108920230A CN108920230A CN201810618242.5A CN201810618242A CN108920230A CN 108920230 A CN108920230 A CN 108920230A CN 201810618242 A CN201810618242 A CN 201810618242A CN 108920230 A CN108920230 A CN 108920230A
- Authority
- CN
- China
- Prior art keywords
- mouse
- suspension procedure
- text
- text box
- control
- 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
- 238000000034 method Methods 0.000 title claims abstract description 211
- 239000000725 suspension Substances 0.000 title claims abstract description 173
- 230000004044 response Effects 0.000 title claims abstract description 59
- 238000003860 storage Methods 0.000 title claims abstract description 24
- 230000002093 peripheral effect Effects 0.000 claims description 13
- 238000001514 detection method Methods 0.000 claims description 8
- 238000004590 computer program Methods 0.000 claims description 4
- 230000005540 biological transmission Effects 0.000 claims description 3
- 238000007667 floating Methods 0.000 claims description 3
- 238000004364 calculation method Methods 0.000 claims 1
- 230000000007 visual effect Effects 0.000 abstract description 17
- 230000006870 function Effects 0.000 description 16
- 230000000694 effects Effects 0.000 description 13
- 238000005339 levitation Methods 0.000 description 12
- 230000008859 change Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 9
- 230000006399 behavior Effects 0.000 description 7
- 230000005291 magnetic effect Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000012544 monitoring process Methods 0.000 description 3
- 241001269238 Data Species 0.000 description 2
- 230000009471 action Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000004886 process control Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 230000008773 effect on children Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
本发明实施例公开了一种鼠标悬浮操作的响应方法、装置、设备和存储介质,该方法中,显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;检测鼠标悬浮操作;更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。通过文本框上覆盖的父控件,以实现在禁用鼠标操作后仍能响应鼠标悬浮操作,给予用户视觉上的反馈。
Description
技术领域
本发明涉及交互技术,尤其涉及一种鼠标悬浮操作的响应方法、装置、设备和存储介质。
背景技术
文本框是一个计算机系统工具,例如,在Word中,文本框是指一种可移动、可调大小的文字或图形容器;在PowerPoint中,文本框是已经存在的,可以直接在文本框内编辑文字。通常情况下,文本框在用户鼠标悬浮上去时会显示文本“I”型光标,单击即可进行输入。
在实现本发明的过程中,发明人发现现有技术中至少存在如下问题。文本框在用户鼠标悬浮上去时会显示文本“I”型光标,单击即可进行输入,无法适应不同应用场景中用户的不同需求,适用性差。
发明内容
本发明实施例提供一种鼠标悬浮操作的响应方法、装置、设备和存储介质,以实现在禁用鼠标操作后仍能响应鼠标悬浮操作,给予用户视觉上的反馈。
第一方面,本发明实施例提供了一种鼠标悬浮操作的响应方法,该方法包括:
显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;
检测鼠标悬浮操作;更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
第二方面,本发明实施例提供了一种鼠标悬浮操作的响应装置,该装置包括:
显示模块,用于显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作,所述父控件用于检测鼠标悬浮操作;
检测模块,用于检测鼠标悬浮操作;
更新模块,用于更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
第三方面,本发明实施例还提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如本发明实施例中任一所述的鼠标悬浮操作的响应方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例中任一所述的鼠标悬浮操作的响应方法。
本发明实施例中,首先显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作,然后检测鼠标悬浮操作,最后更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。设置成父控件的中心区域和文本框的文本区域范围足够接近,避免在鼠标距离文本区域很远的位置就被对应的父控件检测到悬浮操作并响应,给用户带来不好的视觉效果;控制文本边框颜色改变为用户提供了良好的视觉反馈;添加父控件并不影响子控件的呈现,子控件无法监听的事件可以用父控件来完成;避免了文本框的单击操作被禁止后无法给与用户视觉反馈的弊端,通过将父控件获取到的鼠标悬浮操作焦点的消息发送至对应的文本框,使文本框可以根据该消息对鼠标悬浮操作进行响应,以实现在特定的场景中响应鼠标悬浮操作,给予用户视觉上的反馈。
附图说明
图1a是现有技术中的一种响应鼠标单击操作进行文本输入的文本框示意图;
图1b是本发明实施例一中的一种鼠标悬浮操作的响应方法的流程图;
图1c是本发明实施例一中所适用的一种父控件的响应区域与文本框的文本区域的关系示意图;
图1d是本发明实施例一中所适用的一种文本框响应鼠标悬浮操作的过程示意图;
图1e是本发明实施例一中所适用的另一种文本框响应鼠标悬浮操作的过程示意图;
图2是本发明实施例二中的一种鼠标悬浮操作的响应方法的流程图;
图3a是本发明实施例三中的一种鼠标悬浮操作的响应方法的流程图;
图3b是本发明实施例三中所适用的一种两个文本框的选中效果图;
图4a是本发明实施例四中的一种鼠标悬浮操作的响应方法的流程图;
图4b是本发明实施例四中所适用的一种基于目标控件的文本框响应鼠标悬浮操作的过程示意图;
图5是本发明实施例五中的一种鼠标悬浮操作的响应装置的结构示意图;
图6是本发明实施例六中的一种鼠标悬浮操作的响应装置的结构示意图;
图7是本发明实施例七中的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
一般的文本框是用来提供用户输入文本的功能,图1a示出了一种响应鼠标单击操作进行文本输入的文本框示意图,这样的文本框在用户鼠标悬浮时会显示“I”型光标,或者文本框本身有视觉上的变化,目的是为了让用户知道当前文本框可以响应操作,单击即可进行输入操作;这些响应的原因是控件获取到了鼠标悬浮事件,并获取鼠标当前焦点,从而响应了该鼠标悬浮事件并给予反馈。150表示文本框1的当前状态,文本框1的功能是“输入用户名”,表示响应鼠标单击操作后可以进行输入的界面;151表示文本框2的初始状态,文本框2的功能是“输入密码”,表示无单击操作时的文本框显示界面。需要说明的是,150中的填充效果只是用来区分文本框1是响应鼠标单击操作后的结构,实际展示给用户的效果可以是文本框的文本边框颜色改变等。
本发明实施例中,在一些特定的场景中需要进入鼠标单击输入的功能,也即,无法捕捉到焦点,并不响应鼠标单击事件,同时,希望给与用户视觉上的反馈。特定的场景包括会议场景或教学场景等。
在操作系统中,鼠标的动作通常可以被用户控件捕获到,从而进行相应的操作,例如响应鼠标单击操作或双击操作。因此,除文本框以外的其他用户控件,如按钮、不可编辑文本框或者菜单项都是可以响应鼠标悬浮事件的。此外,还包括一些用户看不见的控件,如用于布局的布局控件,而这些控件在用户窗口中都是被嵌套叠加显示的,例如,一个按钮是在窗口里面,文本框也是在一个窗口里面,而在他们内部或者外部还有一些其他控件。
实施例一
图1b为本发明实施例一提供的一种鼠标悬浮操作的响应方法的流程图,本实施例可适用于用户希望当前控件不响应鼠标单击操作,但是能提供用户视觉反馈的情况,该方法可以由本发明实施例提供的鼠标悬浮操作的响应装置来执行,该装置可采用软件和/或硬件的方式实现。参考图1b,该方法具体可以包括如下步骤:
S110、显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作。
具体的,控件是指对数据和方法的封装,控件有自己的属性和方法,其中,属性是控件数据的简单访问者,方法则是控件的一些简单可见的功能。控件包括用户界面控件、图表控件、报表控件、表格控件、条形码控件、图像处理控件和文档处理控件等。例如,用户界面控件是用于开发构建用户界面的控件,帮助完成软件开发中视窗、文本框、按钮、下拉式菜单等界面元素的开发;图表控件是用于开发图表的控件,帮助软件实现数据可视化,实现开发较难独立完成的复杂图表;文档处理控件可实现文档的浏览、编辑功能。可选的,父控件可以是用于布局的布局控件,也可以是其他功能的控件,布局控件可实现对与其有嵌套关系的其他控件的布局,例如位置的确定等。
显示文本框,其中,文本框上覆盖有父控件,例如,文本框和父控件有设定的关联关系。在一个具体的例子中,文本框和父控件的关联过程可以通过如下方式实现:给文本框添加父控件,具体添加方式是在文本框的外部包裹一个控件作为父控件来建立文本框和父控件的关联关系,将当前操作的文本框作为子控件,通过获取父控件是否获取焦点来设置文本框需要检测到鼠标悬浮事件时要响应的事件。当鼠标悬浮在文本框上时,也即,悬浮在了外层包裹的父控件之上。其中,父控件用于检测鼠标悬浮操作,鼠标悬浮是指鼠标移动至需要点击的目标上而不进行点击的状态。
可选的,所述父控件的响应区域包括中心区域和外围区域,所述中心区域与所述文本框的文本区域重叠;所述外围区域的面积小于设定面积阈值。
其中,每个父控件有自己的响应区域,图1c示出了一种父控件的响应区域与文本框的文本区域的关系示意图。父控件的响应区域包括中心区域和外围区域,文本框包括文本边框和文本区域,中心区域与文本框的文本区域重叠,外围区域的面积小于设定面积阈值。其中,父控件以布局控件为例,160表示布局控件1的外围区域,161表示布局控件1的中心区域或文本框1的文本区域。同理,162表示布局控件2的外围区域,163表示布局控件2的中心区域或文本框2的文本区域。由于布局控件的中心区域与文本框的文本区域重叠,因此,在视觉角度无法区分中心区域与文本区域。外围区域的面积足够小,表明父控件的中心区域和文本框的文本区域范围足够接近,避免在鼠标距离文本区域很远的位置就被对应的父控件检测到悬浮操作并响应,给用户带来不好的视觉效果。
S120、检测鼠标悬浮操作。
其中,悬浮是指将鼠标移动到需要点击的目标上,但是不点击,在一个具体的例子中,鼠标悬浮操作是指,当鼠标在网页的部分图标、文字或者图片上停留时,会有部分内容弹出或者部分图标、文字或者图片的显示效果发生变化,当鼠标移开后,弹出的内容或者显示效果自动缩回或者消失。具体的,每个文本框上覆盖有父控件,其中,父控件用于检测鼠标悬浮操作,通过检测父控件来检测鼠标悬浮操作,例如,检测父控件是否被选中,或者检测鼠标的悬浮区域是否进入到操作对象的显示区域等。
S130、更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
具体的,鼠标悬浮操作对应的文本框是指,鼠标移动到文本框的文本区域或文本边框时,该文本框为鼠标悬浮操作对应的文本框。在一个具体的例子中,文本框的属性信息包括:取消按钮按下时的虚线框、只读文本框里的文本、只能输入中文、只能输入数字、只能输入英文和数字、屏蔽输入法等。
在检测到鼠标悬浮操作后,可以通过更新鼠标悬浮操作对应的当前文本框的属性信息来更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色。在一个具体的例子中,文本框的文本区域的背景色对应的属性信息称为第一属性信息,更新第一属性信息来改变文本区域的背景色;文本框的文本边框的颜色对应的属性信息称为第二属性信息,更新第二属性信息来改变文本边框的颜色。例如,将文本区域的背景色由白色更新为黄色,将文本边框的颜色由灰色更新为黄色,给用户提供了良好的视觉反馈。
图1d示出了一种文本框响应鼠标悬浮操作的过程示意图,170表示文本框3的正常状态,文本框3的功能是“搜索我的课件”,即,在文本框3中输入想要搜索的课件的名称,即可进行课件搜索。在本发明实施例的应用场景中,双击文本框3才能实现输入,171表示文本框在鼠标悬浮时的状态,需要说明的是,171中的填充效果只是为了说明从170到171的视觉变化,并不代表用户看到的效果,该填充效果可以是文本边框颜色改变,或者文本区域背景色改变。
图1e示出了另一种文本框响应鼠标悬浮操作的过程示意图,其中,180表示文本框4的初始状态,文本框4的功能时“双击输入释义”,即,在文本框4中输入要释义的内容,即可获取释义结果。在本发明实施例的应用场景中,双击文本框4才能实现输入,181表示响应鼠标悬浮操作后的状态,182表示双击后的输入状态。需要说明的是,181和182中的填充效果只是为了说明从180到181再到182的视觉变化,并不代表用户看到的效果,该填充效果可以是文本边框颜色改变,或者文本区域背景色改变。
本发明实施例中,显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;检测鼠标悬浮操作;更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。通过父控件检测鼠标悬浮操作,以实现在特定的场景中对鼠标悬浮操作进行响应,给予用户视觉上的反馈。
实施例二
图2为本发明实施例二提供的一种鼠标悬浮操作的响应方法的流程图,本实施例在上述实施例的基础上实现。参考图2,该方法具体可以包括如下步骤:
S210、显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作。
S220、检测鼠标悬浮操作。
S230、确定与鼠标悬浮操作对应的父控件。
由于不同的父控件有不同的响应区域,当鼠标在当前显示页面移动至不同的位置时,对应不同的控件,确定与鼠标悬浮操作对应的父控件。添加父控件并不影响子控件的呈现,子控件无法监听的事件可以用父控件来完成。
S240、将所述父控件获取所述鼠标悬浮操作焦点的消息发送至对应的文本框。
当父控件获取到鼠标悬浮操作的焦点后,生成对应的反馈消息。父控件将自身获取焦点的消息发送至当前父控件对应的文本框,文本框则获知对应的父控件已经获取到当前鼠标悬浮操作的焦点。实现了在禁用子控件鼠标单击功能而不能获取焦点时,通过子控件包裹的父控件获取焦点后告知子控件。在本发明实施例中,子控件是指文本框。避免了文本框的单击操作被禁止后无法给与用户视觉反馈的弊端,通过将父控件获取到的鼠标悬浮操作焦点的消息发送至对应的文本框,使文本框可以根据该消息对鼠标悬浮操作进行响应。
S250、更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
在上述技术方案的基础上,“确定与鼠标悬浮操作对应的父控件”可以通过如下方式实现。
首先,获取鼠标悬浮操作对应的操作数据,其中,所述操作数据包括所述鼠标悬浮操作对应的操作对象以及所述操作对象在当前页面中的位置。
当鼠标悬浮在某个操作对象上时,获取鼠标悬浮操作对应的操作数据,通过操作数据来确定当前鼠标悬浮操作的操作信息。其中,操作数据包括鼠标悬浮操作对应的操作对象,例如:按钮、文本框等;操作数据还包括操作对象在当前页面中的位置。具体的,文本框在当前显示页面中的位置可以用当前显示页面的屏幕尺寸(包括物理尺寸和分辨率尺寸)来表征,如:把屏幕左上角作为坐标原点,确定当前操作对象的位置坐标是(Xcm,Ycm);或者,当前操作对象的位置可以是在第M-N(行)/P-Q(列)的像素点的位置。获取到操作对象以及操作对象在当前页面中的位置,为确定与鼠标悬浮操作对应的父控件提供了依据。
其次,根据所述操作数据确定与所述鼠标悬浮操作对应的父控件。具体的,在多个父控件中,根据操作数据来确定与鼠标悬浮操作对应的父控件。在一个具体的例子中,解析操作数据,获取操作对象的标识码,来获取当前的操作对象。具体的,给每个操作对象(文本框、按钮等)分配不同且唯一的标识码,通过鼠标悬浮操作对应的操作数据来确定当前的操作对象。
接下来说明控件对鼠标操作的响应过程,对该控件具体指代父控件或子控件并不进行限定,泛指普遍意义上的控件。具体的,鼠标或其他硬件输入设备(如键盘)会通过驱动程序将用户输入操作转化成为Windows消息,消息的操作数据会表明操作对象、操作位置和操作类型等。每一个控件都会有对于鼠标事件的响应,通过这些操作数据和事件来对当前操作进行判断。获取操作位置由系统完成,而位置信息(如坐标)作为操作数据传递给控件,控件通过这些操作数据来完成移动等响应处理。
本发明实施例中,通过获取鼠标悬浮操作对应的操作数据,根据所述操作数据确定与所述鼠标悬浮操作对应的父控件,所述操作数据包括所述鼠标悬浮操作对应的操作对象以及所述操作对象在当前页面中的位置。实现了对于鼠标悬浮操作对应的父控件的确定,提高了操作的准确性,避免了无关控件响应当前鼠标悬浮操作。
实施例三
图3a为本发明实施例三提供的一种鼠标悬浮操作的响应方法的流程图,本实施例在上述实施例的基础上实现。参考图3a,该方法具体可以包括如下步骤:
S310、显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作。
S320、检测鼠标悬浮操作。
S330、更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
S340、检测到鼠标单击操作时,维持所述单击操作对应的文本框的当前显示状态。
其中,禁用鼠标点击操作获取焦点,也即,在检测到鼠标单击操作时,维持鼠标单击操作对应的文本框的当前显示状态。具体的,当前显示状态包括:文本边框颜色不变、文本区域的背景色不变等,用户察觉不到任何形式的视觉效果。在一个具体的例子中,在利用智能显示设备进行电子教学领域,在进行英文单词释义的过程中,教师希望双击文本框可以进行输入,单击文本框无响应,在鼠标悬浮在文本框时,文本边框的颜色变成灰色,以表示可以进行编辑,其中,该编辑操作为非输入操作。
需要说明的是,S340可以发生在本发明实施例的任何过程中,在本发明实施例中,只举出了一种示例,也即,只要检测到鼠标单击操作,便不对其的单击操作进行响应,维持单击操作对应的文本框的当前显示状态。
可选的,维持所述单击操作对应的文本框的当前显示状态,包括:获取所述鼠标单击操作对应的操作属性信息;根据所述操作属性信息维持所述单击操作对应的文本框当前显示状态。
其中,鼠标单击操作对应的操作属性信息,操作属性信息可以是,只允许输入汉字、不允许输入任何内容、只允许改变文本颜色等。在本发明实施例中,解析鼠标单击操作对应的操作属性信息,根据所述操作属性信息位置单击操作对应的文本框当前显示状态。也即,不对检测到的操作属性信息进行响应,控制单击操作对应的文本框维持当前显示状态。
本发明实施例中,在检测到鼠标单击操作时,维持所述单击操作对应的文本框的当前显示状态,不对鼠标单机操作进行输入响应,符合特定场景中只有双击才能进行输入的操作的要求。
在上述技术方案的基础上,应用一个教学场景中的具体的例子来进行说明,图3b示出了一种两个文本框的选中效果图,其中,360和370均表示文本框,其中,370表示有鼠标悬浮的文本框,370的填充效果并不代表用户看到的效果,该填充效果可以是文本边框颜色改变,或者文本区域背景色改变;操作鼠标选中文本框360和文本框370,则出现350所示的边框,该边框可以显示不同的颜色用来表征文本框360和文本框370被选中的状态。通过拖动350,可以实现对文本框360和文本框370的同时拖动。在这个具体的例子中,单击文本框360或文本框370均可以改变对应的文本边框的颜色,只有双击文本框360或文本框370才能对其进行输入。
实施例四
图4a为本发明实施例四提供的一种鼠标悬浮操作的响应方法的流程图,本实施例可适用于用户希望当前控件不响应鼠标单击操作,但是能提供用户视觉反馈的情况,该方法可以由本发明实施例提供的鼠标悬浮操作的响应装置来执行,该装置可采用软件和/或硬件的方式实现。参考图4a,该方法具体可以包括如下步骤:
S410、在每个文本框上分别添加目标控件,其中,所述目标控件的响应区域与所述文本框的文本区域重叠。
具体的,在每个文本框上分别添加目标控件,该目标控件为可以作为文本边框显示的控件、文本区域颜色显示控件等。目标控件有自身的响应区域,该响应区域与文本框的文本区域重叠。
S420、确定与距离状态对应的触发事件,其中,所述距离状态为鼠标悬浮位置与所述文本区域之间的距离状态。
通过监听鼠标进入文本区域对应的触发事件以及鼠标离开文本区域的触发事件,来对鼠标悬浮操作进行控制。应用一个例子来说说明“事件”和“监听”的含义:事件是指达到了某种要求后触发相应的处理方法,监听DOM(Document Object Model,文档对象模型)的单击事件指的是给一个DOM添加一个单击事件的处理函数,在SOCKET连接中也有监听,指的是监听客户端的连接。距离状态为鼠标悬浮位置与文本区域之间的距离状态,确定该距离状态。
S430、根据所述触发事件控制所述目标控件隐藏与显示以响应鼠标悬浮操作。
针对不同的触发事件,控制目标控件的显示状态,其中,目标控件的显示状态包括隐藏状态与显示状态,以响应鼠标悬浮操作。
可选的,所述距离状态包括接近状态与远离状态,所述接近状态中,所述鼠标悬浮位置与所述文本区域边缘之间的距离的最小值小于第一距离阈值,所述远离状态中,所述鼠标悬浮位置与所述文本区域边缘之间的距离的最小值大于第二距离阈值;相应的,确定鼠标悬浮位置与距离状态对应的触发事件,包括:确定与接近状态对应的第一触发事件以及与远离状态对应的第二触发事件。
其中,以文本区域是矩形为例,鼠标悬浮位置与文本区域边缘之间的距离是指,鼠标悬浮位置与矩形的文本区域的四个边之间的距离。获取鼠标悬浮位置与文本区域边缘之间的距离的最小值,若该最小值小于第一距离阈值,则确定该距离状态为接近状态;若确定该最小值大于第二距离阈值,则确定该距离状态为远离状态。在一个具体的例子中,第一距离阈值和第二距离阈值分别为3mm和10mm。
相应的,确定与接近状态对应的第一触发事件以及与远离状态对应的第二触发事件。
进一步的,根据所述触发事件控制所述目标控件隐藏与显示以响应鼠标悬浮操作可以通过如下方式实现:根据所述第一触发事件控制所述目标控件显示以响应鼠标悬浮操作,根据所述第二触发事件控制所述目标控件隐藏以响应鼠标悬浮操作。
具体的,第一触发事件中,表明鼠标悬浮位置距离文本区域足够近,或者鼠标悬浮位置与文本区域处于逐渐接近的过程,控制目标控件显示;第二触发事件中,表明鼠标悬浮位置距离文本区域足够远,或者鼠标悬浮位置与文本区域处于逐渐远离的过程,控制目标控件隐藏。
在一个具体的例子中,图4b示出了一种基于目标控件的文本框响应鼠标悬浮操作的过程示意图,440表示文本框5的文本区域或目标控件的响应区域,文本框5的功能是“搜索我的课件”,即,在文本框5中输入想要搜索的课件的名称,即可进行课件搜索。本发明实施例中,一个具体的例子中,由于目标控件的响应区域与文本框的文本区域重叠,因此,在视觉角度无法区分响应区域与文本区域。
本发明实施例中,通过在每个文本框上分别添加目标控件,所述目标控件的响应区域与所述文本框的文本区域重叠,确定与距离状态对应的触发事件,其中,所述距离状态为鼠标悬浮位置与所述文本区域之间的距离状态,根据所述触发事件控制所述目标控件隐藏与显示以响应鼠标悬浮操作。以实现在特定的场景中响应鼠标悬浮操作,给予用户视觉上的反馈。
实施例五
图5是本发明实施例五提供的一种鼠标悬浮操作的响应装置的结构示意图,该装置适用于执行本发明实施例提供给的一种鼠标悬浮操作的响应方法。如图5所示,该装置具体可以包括:
显示模块510,用于显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;
检测模块520,用于检测鼠标悬浮操作;
更新模块530,用于更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
进一步的,还包括第一确定模块,用于在在检测鼠标悬浮操作之后,确定与鼠标悬浮操作对应的父控件;消息发送模块,用于将所述父控件获取所述鼠标悬浮操作焦点的消息发送至对应的文本框。
进一步的,第一确定模块具体用于:
获取鼠标悬浮操作对应的操作数据,其中,所述操作数据包括所述鼠标悬浮操作对应的操作对象以及所述操作对象在当前页面中的位置;
根据所述操作数据确定与所述鼠标悬浮操作对应的父控件。
进一步的,还包括,所述父控件的响应区域包括中心区域和外围区域,所述中心区域与所述文本框的文本区域重叠;所述外围区域的面积小于设定面积阈值。
进一步的,还包括:
状态维持模块,用于检测到鼠标单击操作时,维持所述单击操作对应的文本框的当前显示状态。
进一步的,所述状态维持模块具体用于:
获取所述鼠标单击操作对应的操作属性信息;
根据所述操作属性信息维持所述单击操作对应的文本框当前显示状态。
本发明实施例提供的鼠标悬浮操作的响应装置可执行本发明任意实施例提供的鼠标悬浮操作的响应方法,具备执行方法相应的功能模块和有益效果。
实施例六
图6是本发明实施例六提供的一种鼠标悬浮操作的响应装置的结构示意图,该装置适用于执行本发明实施例提供给的一种鼠标悬浮操作的响应方法。如图6所示,该装置具体可以包括:
添加模块610,用于在每个文本框上分别添加目标控件,其中,所述目标控件的响应区域与所述文本框的文本区域重叠;
第二确定模块620,用于确定与距离状态对应的触发事件,其中,所述距离状态为鼠标悬浮位置与所述文本区域之间的距离状态;
控制模块630,用于根据所述触发事件控制所述目标控件隐藏与显示以响应鼠标悬浮操作。
进一步的,所述距离状态包括接近状态与远离状态,所述接近状态中,所述鼠标悬浮位置与所述文本区域边缘之间的距离的最小值小于第一距离阈值,所述远离状态中,所述鼠标悬浮位置与所述文本区域边缘之间的距离的最小值大于第二距离阈值;
相应的,第二确定模块620,具体用于:
确定与接近状态对应的第一触发事件以及与远离状态对应的第二触发事件。
进一步的,控制模块630具体用于:
根据所述第一触发事件控制所述目标控件显示以响应鼠标悬浮操作,根据所述第二触发事件控制所述目标控件隐藏以响应鼠标悬浮操作。
本发明实施例提供的鼠标悬浮操作的响应装置可执行本发明任意实施例提供的鼠标悬浮操作的响应方法,具备执行方法相应的功能模块和有益效果。
实施例七
图7为本发明实施例七提供的一种计算机设备的结构示意图。图7示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图7显示的计算机设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,系统存储器28,连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图7未显示,通常称为“硬盘驱动器”)。尽管图7中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。系统存储器28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40,可以存储在例如系统存储器28中,这样的程序模块42包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该计算机设备12交互的设备通信,和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且,计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白,尽管图7中未示出,可以结合计算机设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的鼠标悬浮操作的响应方法:
也即,所述处理单元执行所述程序时实现:显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;检测鼠标悬浮操作;更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
实施例八
本发明实施例八提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请所有发明实施例提供的鼠标悬浮操作的响应方法:
也即,所述处理单元执行所述程序时实现:显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;检测鼠标悬浮操作;更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于——无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种鼠标悬浮操作的响应方法,其特征在于,包括:
显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;
检测鼠标悬浮操作;
更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
2.根据权利要求1所述的方法,其特征在于,在检测鼠标悬浮操作之后,还包括:
确定与鼠标悬浮操作对应的父控件;
将所述父控件获取所述鼠标悬浮操作焦点的消息发送至对应的文本框。
3.根据权利要求2所述的方法,其特征在于,确定与鼠标悬浮操作对应的父控件,包括:
获取鼠标悬浮操作对应的操作数据,其中,所述操作数据包括所述鼠标悬浮操作对应的操作对象以及所述操作对象在当前页面中的位置;
根据所述操作数据确定与所述鼠标悬浮操作对应的父控件。
4.根据权利要求1所述的方法,其特征在于,还包括:
检测到鼠标单击操作时,维持所述单击操作对应的文本框的当前显示状态。
5.根据权利要求4所述的方法,其特征在于,维持所述单击操作对应的文本框的当前显示状态,包括:
获取所述鼠标单击操作对应的操作属性信息;
根据所述操作属性信息维持所述单击操作对应的文本框当前显示状态。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述父控件的响应区域包括中心区域和外围区域,所述中心区域与所述文本框的文本区域重叠;所述外围区域的面积小于设定面积阈值。
7.一种鼠标悬浮操作的响应装置,其特征在于,包括:
显示模块,用于显示文本框,所述文本框上覆盖有父控件,所述父控件用于检测鼠标悬浮操作;
检测模块,用于检测鼠标悬浮操作;
更新模块,用于更新所述鼠标悬浮操作对应的文本框的文本区域的背景色,和/或更新所述鼠标悬浮操作对应的文本框的文本边框的颜色,以响应所述鼠标悬浮操作。
8.根据权利要求7所述的装置,其特征在于,在检测鼠标悬浮操作之后,还包括:
第一确定模块,用于在在检测鼠标悬浮操作之后,确定与鼠标悬浮操作对应的父控件;
消息发送模块,用于将所述父控件获取所述鼠标悬浮操作焦点的消息发送至对应的文本框。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-6中任一所述的方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-6中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810618242.5A CN108920230B (zh) | 2018-06-15 | 2018-06-15 | 鼠标悬浮操作的响应方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810618242.5A CN108920230B (zh) | 2018-06-15 | 2018-06-15 | 鼠标悬浮操作的响应方法、装置、设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108920230A true CN108920230A (zh) | 2018-11-30 |
CN108920230B CN108920230B (zh) | 2021-02-05 |
Family
ID=64420413
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810618242.5A Active CN108920230B (zh) | 2018-06-15 | 2018-06-15 | 鼠标悬浮操作的响应方法、装置、设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108920230B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109976849A (zh) * | 2019-03-12 | 2019-07-05 | 深圳点猫科技有限公司 | 基于编程语言将web组件悬浮于桌面的方法和电子设备 |
CN114090125A (zh) * | 2021-11-23 | 2022-02-25 | 金蝶软件(中国)有限公司 | 界面配置方法及相关设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101384983A (zh) * | 2006-02-16 | 2009-03-11 | 微软公司 | 文本框编号和链接视觉帮助 |
CN103092456A (zh) * | 2011-10-31 | 2013-05-08 | 国际商业机器公司 | 一种文本框输入方法和系统 |
CN106156268A (zh) * | 2016-05-25 | 2016-11-23 | 烟台朱葛软件科技有限公司 | 无障碍网页控制方法 |
-
2018
- 2018-06-15 CN CN201810618242.5A patent/CN108920230B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101384983A (zh) * | 2006-02-16 | 2009-03-11 | 微软公司 | 文本框编号和链接视觉帮助 |
CN103092456A (zh) * | 2011-10-31 | 2013-05-08 | 国际商业机器公司 | 一种文本框输入方法和系统 |
CN106156268A (zh) * | 2016-05-25 | 2016-11-23 | 烟台朱葛软件科技有限公司 | 无障碍网页控制方法 |
Non-Patent Citations (4)
Title |
---|
DIMITAR: "RadTextBox Mouse Hover to change Backcolor", 《HTTPS://WWW.TELERIK.COM/FORUMS/RADTEXTBOX-MOUSE-HOVER-TO-CHANGE-BACKCOLOR》 * |
TECHNIQUES AND FAILURES FOR WEB CONTENT ACCESSIBILITY GUIDELINE: "Changing the background color or border of the element with focus", 《HTTPS://WWW.W3.ORG/WAI/GL/WCAG20/WD-WCAG20-TECHS-20071102/C16.HTML》 * |
亦辰岁月: "css 设置鼠标滑过变色效果", 《HTTPS://BLOG.CSDN.NET/ZHANGSHASHATWO/ARTICLE/DETAILS/52525470》 * |
信到发呆: "HTML输入框优化", 《HTTPS://BLOG.CSDN.NET/LICKE28/ARTICLE/DETAILS/26019153》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109976849A (zh) * | 2019-03-12 | 2019-07-05 | 深圳点猫科技有限公司 | 基于编程语言将web组件悬浮于桌面的方法和电子设备 |
CN114090125A (zh) * | 2021-11-23 | 2022-02-25 | 金蝶软件(中国)有限公司 | 界面配置方法及相关设备 |
Also Published As
Publication number | Publication date |
---|---|
CN108920230B (zh) | 2021-02-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10657716B2 (en) | Collaborative augmented reality system | |
US11275481B2 (en) | Collaborative augmented reality system | |
US11877203B2 (en) | Controlled exposure to location-based virtual content | |
US5708764A (en) | Hotlinks between an annotation window and graphics window for interactive 3D graphics | |
US20210042012A1 (en) | Interactive presentation controls | |
EP3769509B1 (en) | Multi-endpoint mixed-reality meetings | |
CN111758122A (zh) | 用于混合现实系统的浏览器 | |
CN103677248A (zh) | 用于多用户的显示装置及其方法 | |
US11734899B2 (en) | Headset-based interface and menu system | |
KR20090102815A (ko) | 다중 디스플레이 환경에서 이미지를 나타내기 위한 장치, 시스템 및 방법 | |
US20240119682A1 (en) | Recording the complete physical and extended reality environments of a user | |
CN108595401A (zh) | 批注同步系统、方法、装置、设备和存储介质 | |
US20200264829A1 (en) | Information processing apparatus, information processing system, and information processing method | |
JP2020516983A (ja) | リアルタイム協働用のライブインク存在 | |
CN107978018B (zh) | 立体图形模型的构建方法、装置、电子设备及存储介质 | |
CN108920230A (zh) | 鼠标悬浮操作的响应方法、装置、设备和存储介质 | |
JP6834197B2 (ja) | 情報処理装置、表示システム、プログラム | |
US10241651B2 (en) | Grid-based rendering of nodes and relationships between nodes | |
Hanula et al. | DarkSky Halos: use-based exploration of dark matter formation data in a hybrid immersive virtual environment | |
CN107770253A (zh) | 远程控制方法及系统 | |
US11948263B1 (en) | Recording the complete physical and extended reality environments of a user | |
WO2023005659A1 (zh) | 图像处理方法及装置、电子设备、计算机可读存储介质、计算机程序及计算机程序产品 | |
JP6699406B2 (ja) | 情報処理装置、プログラム、位置情報作成方法、情報処理システム | |
Klein | A Gesture Control Framework Targeting High-Resolution Video Wall Displays | |
US11675496B2 (en) | Apparatus, display system, and display control method |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |