具体实施方式
请参阅图1,图1是本发明浮动提示框的实现方法的步骤流程图。
所述浮动提示框的实现方法包括以下步骤:
S101,当检测到鼠标指针在预定的界面元素上驻留时,显示与所述界面元素绑定的浮动提示框;
其中,所述界面包括Web应用和本地应用等各种应用的界面。所述界面元素可以是各种标题、表格、图标、各种示意图等元素。
在应用所述浮动提示框的界面,预先对所述界面上的各个界面元素设置一一绑定的浮动提示框(包括该浮动提示框的内容),则当用户将鼠标指针移动到所述界面元素上时,检测到鼠标指针在所述界面元素上驻留。所述鼠标指针的驻留可以设置为鼠标指针在所述界面元素上的停留时间超过预定值,例如,设定所述鼠标指针在界面元素上停留超过0.5秒则判定鼠标指针在所述界面元素上驻留,显示与所述界面元素绑定的浮动提示框。
此时显示的所述浮动提示框,优选设置为只显示只读内容,亦即,调用只读元素生成所述浮动提示框的内容,使所述浮动提示框以只读方式显示,此时所述浮动提示框只用于显示信息而无法编辑。
因为对所述浮动提示框的内容,并不是每个用户都需要编辑,而可能有部分的用户只需要查看该内容即可,所以如果在检测到鼠标指针驻留时即刻显示可编辑内容,就需要在每次显示所述浮动提示框时都调用可编辑元素生成所述浮动提示框的内容,因为调用可编辑元素的操作比起调用只读元素的操作更加复杂,因此会使所述浮动提示框的显示变慢,并且占用更多的处理资源去处理。
通过上述方式,由于所述浮动提示框最初只显示只读内容,因此可以用简单的只读元素来生成所述浮动提示框的内容,例如调用面板(panel),或者标签(label)等只读元素,减少生成所述浮动提示框的复杂程度,提高所述浮动提示框的显示速度。
S102,如果接收到对所述浮动提示框的编辑触发指令,则在所述浮动提示框中显示可编辑内容;
所述编辑触发指令可根据使用情况或者要求不同而具体设为不同的指令,具体可行的指令包括:鼠标指针在所述界面元素上驻留、鼠标指针移动到所述浮动提示框内、或者所述浮动提示框的编辑按钮被触发等。
其中,当所述编辑触发指令设定为鼠标指针在所述界面元素上驻留时,亦即在检测到鼠标的驻留行为后即显示所述浮动提示框,并且同时在所述浮动提示框中显示可编辑内容,而不需要其他的触发条件。
当所述编辑触发指令设定为所述浮动提示框的编辑按钮被触发时,需要预先在所述浮动提示框中设置所述编辑按钮,所述编辑按钮可以是一个针对所有编辑操作触发的按钮,也可以是多个具体的编辑按钮,例如复制按钮、保存按钮等。
当所述编辑触发指令设定为标指针移动到所述浮动提示框内时,则在检测到鼠标指针在所述界面元素上驻留时,先在所述浮动提示框中显示所述只读内容;而在进一步检测到鼠标指针移动到所述浮动提示框内时,在所述浮动提示框中切换显示所述可编辑内容。如果用户需要对所述浮动提示框进行编辑,只需在所述浮动提示框显示后将鼠标指针移动到所述浮动提示框内,所述浮动提示框中就会切换成所述可编辑内容,能够进行相应的编辑;而如果用户不需要对所述浮动提示框进行编辑,也可以操作鼠标的移动使所述浮动提示框的显示内容保持在只读状态或撤销,非常方便。
在本发明中提供两种实现所述浮动提示框的内容切换的方法:
第一种方法为:预先保存所述浮动提示框的所述只读内容和所述可编辑内容,并根据所述编辑触发指令切换显示所述只读内容和所述可编辑内容。亦即在设置所述浮动提示框时,同时制作以只读元素和可编辑元素生成所述浮动提示框的只读内容和可编辑内容,然后根据所述编辑触发指令在两种不同模式的内容之间快速切换,这种方法的优点是切换的速度快,切换过程流畅。
另一种方法为:在显示所述只读内容时,首先以面板或标签等只读元素生成所述浮动提示框的只读内容,而在显示所述可编辑内容时,撤销所述只读内容,重新以文档、画图等可编辑元素生成所述浮动提示框的可编辑内容。这种方法的好处是不需要预先设置和保存两种不同模式的内容,减少占用的储存空间。
在所述浮动提示框中显示可编辑内容之后,如果获取到对所述浮动提示框的编辑指令,则对所述可编辑内容执行相应的编辑操作。所述编辑操作包括复制、输入、删除、保存等编辑操作。编辑操作结束后,可自动或根据用户指令保存所述编辑操作的结果。
S103,如果检测到鼠标指针离开所述界面元素以及所述浮动提示框,则撤销所述浮动提示框的显示。
在撤销所述浮动提示框的显示后,如果再次检测到鼠标指针在所述界面元素的驻留行为,则重新显示所述浮动提示框,如果所述浮动提示框的内容因为之前的编辑操作而改变,则显示编辑之后的内容。
在本步骤中,可进一步设定在检测到鼠标指针离开所述界面元素以及所述浮动提示框,经过预定时间后,撤销所述浮动提示框的显示,使鼠标指针的离开和所述浮动提示框的消失之间有一定的时间缓冲。例如设定在检测到鼠标指针离开0.5秒后通过后台程序撤销所述浮动提示框。
本发明的浮动提示框的实现方法可以以浮动提示框的方式显示与所述界面元素相关的详细信息,而打开所述浮动提示框后,接收到对所述浮动提示框的编辑触发指令时,在所述浮动提示框中显示可编辑内容,可对所述可编辑内容执行编辑操作,能够方便地对所述浮动提示框的内容进行编辑,而无需打开新的界面进行编辑,操作比较方便,也不会占用较多的处理资源。
作为本发明的一种优选实施方式,在执行步骤S102在所述浮动提示框中显示可编辑内容之后,进一步根据编辑的内容执行预先设定的适应性操作。
所述适应性操作亦即与所述编辑操作的内容或者结果相关的操作,包括:保存所述编辑操作的结果、根据所述编辑的内容修改所述界面元素、根据所述编辑的内容修改所述界面元素所在的界面内容、或者执行与所述编辑的内容相关的服务等。
通过执行相关的适应性操作,使用户不仅能够对所述浮动提示框进行编辑,而且能够进一步通过对所述浮动提示框的编辑而对所述浮动提示框绑定的界面元素、所在界面产生影响,更加便捷。
在一种实施方式中,所述适应性操作在检测到所述鼠标指针离开所述浮动提示框时,或者在检测到鼠标指针离开所述界面元素时执行。亦即在检测到鼠标指针离开时,自动执行相应的适应性操作。
请参阅图2,图2是本发明浮动提示框的实现方法的一个具体实施例的步骤流程图。
所述浮动提示框的实现方法包括以下步骤:
S201,检测到鼠标指针驻留在与浮动提示框绑定的界面元素上;
S202,后台线程开始对驻留时间计数,在预定时间后,显示对应的所述浮动提示框,并在所述浮动提示框中显示只读内容;
S203,当检测到鼠标指针移动到所述浮动提示框内时,撤销所述只读内容的显示,生成可编辑内容并在所述浮动提示框中显示;
S204,所述浮动提示框的可编辑内容被用户选中并编辑;
S205,检测到鼠标指针离开所述浮动提示框;
S206,后台线程开始对离开时间计数,在指定时间后触发预先设定的适应性操作,保存编辑的结果;
S207,后台线程撤销所述浮动提示框的显示。
本发明的浮动提示框的实现方法中的浮动提示框可以绑定各种不同的界面元素,以获得不同的使用效果,下面分别举例说明在三种不同的使用场合的应用及其效果:
所述浮动提示框绑定的界面元素为表格标题栏的情况:鼠标指针驻留在表格标题栏上,或者表格行等概要信息上时,在指定时间内显示只读的浮动提示框,所述浮动提示框中显示所述表格的详细内容,例如表格的各个单元格的内容,当鼠标指针移动进入所述浮动提示框内时,所述详细内容被转换为可编辑内容,用户可以对所述详细内容进行复制,黏贴。
所述浮动提示框绑定的界面元素为各种图表的情况:鼠标指针驻留在所述柱状图、饼状图、曲线图、区域图等图表上时,在指定时间内显示只读的浮动提示框。当鼠标指针移动进入所述浮动提示框内时,所述浮动提示框显示可编辑的详细数据,例如显示所述报表图案的各项参数的具体数值,用户可以对所述详细数据进行修改,并通过点击保存按钮或者离开所述浮动提示框一段时间来触发后台事件根据编辑后的数据,刷新图表。
所述浮动提示框绑定的界面元素为长度,宽度较短的输入框的情况:鼠标指针驻留在所述输入框上,在指定时间内出现只读的浮动提示框,所述浮动提示框中可能没有记载内容。当鼠标指针移动进入所述浮动提示框内时,所述浮动提示框转换为可编辑形式,用户编辑输入内容,编辑完毕之后,通过点击保存按钮或者离开所述浮动提示框一段时间,后台事件自动向服务端提交编辑后的内容,服务端获取到相关的内容后,执行相关的服务(持久化,增删改查等)。
通过本发明用户可以选中浮动提示框的内容,对浮动框内容进行复制,黏贴,输入等操作,让浮动提示框给用户提供的功能更进一步,不再是仅仅是可视的,而且是可操作的。
请参阅图3,图3是本发明浮动提示框的实现系统第一实施方式的结构示意图。
所述浮动提示框的实现系统包括:
提示框显示模块11,用于在检测到鼠标指针在预定的界面元素上驻留时,显示与所述界面元素绑定的浮动提示框;并在接收到对所述浮动提示框的编辑触发指令时,在所述浮动提示框中显示可编辑内容;
提示框撤销模块12,用于在检测到鼠标指针离开所述界面元素以及所述浮动提示框后,撤销所述浮动提示框的显示。
其中,所述界面包括Web应用和本地应用等各种应用的界面。所述界面元素可以是各种标题、表格、图标、各种示意图等元素。
在应用所述浮动提示框的界面,预先对所述界面上的各个界面元素设置一一绑定的浮动提示框(包括该浮动提示框的内容),则当用户将鼠标指针移动到所述界面元素上时,所述提示框显示模块11检测到鼠标指针在所述界面元素上驻留,显示与所述界面元素绑定的浮动提示框。所述鼠标指针的驻留可以设置为鼠标指针在所述界面元素上的停留时间超过预定值,例如,设定所述鼠标指针在界面元素上停留超过0.5秒则判定鼠标指针在所述界面元素上驻留,显示与所述界面元素绑定的浮动提示框。
此时所述提示框显示模块11显示的所述浮动提示框,优选设置为只显示只读内容,亦即,调用只读元素生成所述浮动提示框的内容,使所述浮动提示框以只读方式显示,此时所述浮动提示框只用于显示信息而无法编辑。
因为对所述浮动提示框的内容,并不是每个用户都需要编辑,而可能有部分的用户只需要查看该内容即可,所以如果在检测到鼠标指针驻留时即刻显示可编辑内容,就需要在每次显示所述浮动提示框时都调用可编辑元素生成所述浮动提示框的内容,因为调用可编辑元素的操作比起调用只读元素的操作更加复杂,因此会使所述浮动提示框的显示变慢,并且占用更多的处理资源去处理。
由于本发明中所述提示框显示模块11最初只显示只读内容,因此可以用简单的只读元素来生成所述浮动提示框的内容,例如调用面板(panel),或者标签(label)等只读元素,减少生成所述浮动提示框的复杂程度,提高所述浮动提示框的显示速度。
所述编辑触发指令可根据使用情况或者要求不同而具体设为不同的指令,具体可行的指令包括:鼠标指针在所述界面元素上驻留、鼠标指针移动到所述浮动提示框内、或者所述浮动提示框的编辑按钮被触发等。
其中,如果所述编辑触发指令设定为鼠标指针在所述界面元素上驻留,亦即所述提示框显示模块11在检测到鼠标的驻留行为后即显示所述浮动提示框,并且同时在所述浮动提示框中显示可编辑内容,而不需要其他的触发条件。
如果所述编辑触发指令设定为所述浮动提示框的编辑按钮被触发,所述提示框显示模块11需要预先在所述浮动提示框中设置所述编辑按钮,所述编辑按钮可以是一个针对所有编辑操作触发的按钮,也可以是多个具体的编辑按钮,例如复制按钮、保存按钮等。
如果所述编辑触发指令设定为标指针移动到所述浮动提示框内,则所述提示框显示模块11在检测到鼠标指针在所述界面元素上驻留时,先在所述浮动提示框中显示所述只读内容;而在所述提示框显示模块11进一步检测到鼠标指针移动到所述浮动提示框内时,在所述浮动提示框中切换显示所述可编辑内容。如果用户需要对所述浮动提示框进行编辑,只需在所述浮动提示框显示后将鼠标指针移动到所述浮动提示框内,所述浮动提示框中就会切换成所述可编辑内容,能够进行相应的编辑;而如果用户不需要对所述浮动提示框进行编辑,也可以操作鼠标的移动使所述浮动提示框的显示内容保持在只读状态或撤销,非常方便。
在本发明中提供两种实现所述浮动提示框的内容切换的方式:
第一种方式为:所述提示框显示模块11预先保存所述浮动提示框的所述只读内容和所述可编辑内容,并根据接收的所述编辑触发指令切换显示所述只读内容和所述可编辑内容。亦即在设置所述浮动提示框时,同时制作以只读元素和可编辑元素生成所述浮动提示框的只读内容和可编辑内容,然后根据所述编辑触发指令在两种不同模式的内容之间快速切换,这种方式的优点是切换的速度快,切换过程流畅。
另一种方式为:所述提示框显示模块11在显示所述只读内容时,首先以面板或标签等只读元素生成所述浮动提示框的只读内容,而在显示所述可编辑内容时,撤销所述只读内容,重新以文档、画图等可编辑元素生成所述浮动提示框的可编辑内容。这种方法的好处是不需要预先设置和保存两种不同模式的内容,减少占用的储存空间。
请参阅图4,图4是本发明浮动提示框的实现系统的第二实施方式的结构示意图。
所述浮动提示框的实现系统进一步包括编辑模块13,所述编辑模块13用于在所述浮动提示框中显示可编辑内容之后,如果获取到对所述浮动提示框的编辑指令,则对所述可编辑内容执行相应的编辑操作。所述编辑操作包括复制、输入、删除、保存等编辑操作。编辑操作结束后,可自动或根据用户指令保存所述编辑操作的结果。
所述提示框撤销模块12在检测到鼠标指针离开所述界面元素以及所述浮动提示框后,撤销所述浮动提示框的显示。而在撤销所述浮动提示框的显示后,如果再次检测到鼠标指针在所述界面元素的驻留行为,则重新显示所述浮动提示框,如果所述浮动提示框的内容因为之前的编辑操作而改变,则显示编辑之后的内容。
所述提示框撤销模块12可设定在检测到鼠标指针离开所述界面元素以及所述浮动提示框,经过预定时间后,撤销所述浮动提示框的显示,使鼠标指针的离开和所述浮动提示框的消失之间有一定的时间缓冲。例如设定在检测到鼠标指针离开0.5秒后通过后台程序撤销所述浮动提示框。
本发明的浮动提示框的实现系统可以浮动提示框的方式显示与所述界面元素相关的详细信息,而打开所述浮动提示框后,接收到对所述浮动提示框的编辑触发指令时,在所述浮动提示框中显示可编辑内容,可对所述可编辑内容执行编辑操作,能够方便地对所述浮动提示框的内容进行编辑,而无需打开新的界面进行编辑,操作比较方便,也不会占用较多的处理资源。
作为本发明的一种优选实施方式,所述编辑模块13对所述可编辑内容执行相应的编辑操作之后,进一步根据编辑的内容执行预先设定的适应性操作。
所述适应性操作亦即与所述编辑操作的内容或者结果相关的操作,包括:保存所述编辑操作的结果、根据所述编辑的内容修改所述界面元素、根据所述编辑的内容修改所述界面元素所在的界面内容、或者执行与所述编辑的内容相关的服务等。
通过所述编辑模块13执行相关的适应性操作,使用户不仅能够对所述浮动提示框进行编辑,而且能够进一步通过对所述浮动提示框的编辑而对所述浮动提示框绑定的界面元素、所在界面产生影响,更加便捷。
在一种实施方式中,所述适应性操作在检测到所述鼠标指针离开所述浮动提示框时,或者在检测到鼠标指针离开所述界面元素时执行。亦即在检测到鼠标指针离开时,自动执行相应的适应性操作。
本领域普通技术人员可以理解实现上述实施方式中的全部或部分流程以及对应的系统,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各实施方式的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。