CN106293315A - 浮动窗口显示的方法和装置 - Google Patents

浮动窗口显示的方法和装置 Download PDF

Info

Publication number
CN106293315A
CN106293315A CN201510296783.7A CN201510296783A CN106293315A CN 106293315 A CN106293315 A CN 106293315A CN 201510296783 A CN201510296783 A CN 201510296783A CN 106293315 A CN106293315 A CN 106293315A
Authority
CN
China
Prior art keywords
floating frame
region
floating
icon
current interface
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
Application number
CN201510296783.7A
Other languages
English (en)
Other versions
CN106293315B (zh
Inventor
杨凯
杨昕
沈艳慧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201510296783.7A priority Critical patent/CN106293315B/zh
Publication of CN106293315A publication Critical patent/CN106293315A/zh
Application granted granted Critical
Publication of CN106293315B publication Critical patent/CN106293315B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明公开了一种浮动窗口显示的方法,包括步骤:接收录入的第一拖拽指令,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;当所述浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标。本发明还公开了一种浮动窗口显示的装置。本发明根据浮动窗口位置改变浮动窗口展现形式,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式图标显示在当前界面的指定区域,即避免了浮动窗口遮挡当前界面的操作控件和显示内容,又保证浮动窗口对应的常用应用程序的内容仍然显示在当前界面上,可供用户快速查看和操作该常用应用程序,方便用户操作。

Description

浮动菌口显不的方法和装置
技术领域
[0001] 本发明涉及到互联网技术领域,特别涉及到浮动窗口显示的方法和装置。
背景技术
[0002]目前有越来越多的应用程序安装在手机、电脑、PAD等终端上,而对于一些常用的应用程序,为了方便用户查看或操作,可将这些常用的应用程序的操作界面通过浮动窗口的形式显示在终端界面上,例如电脑管家、网速监控、天气、时钟、日历等。然而,当浮动窗口以前端显示方式总是显示在所有界面的前端时,有些浮动窗口可能会遮挡当前界面的某些控件或内容,用户需要将浮动窗口移动到其他位置,或在设置中取消浮动窗口前端显示,才能对当前界面进行正常操作,这反而给用户操作带来了不便。
发明内容
[0003] 本发明实施例提供一种浮动窗口显示的方法和装置,可根据浮动窗口位置改变浮动窗口展现形式,避免浮动窗口遮挡当前界面的操作控件和显示内容。
[0004] 本发明实施例提出一种浮动窗口显示的方法,包括步骤:
[0005] 接收录入的第一拖拽指令,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;
[0006] 当所述浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标。
[0007] 本发明实施例还提出一种浮动窗口显示的装置,包括:
[0008] 指令模块,用于接收录入的第一拖拽指令;
[0009] 绘制模块,用于根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;
[0010] 转换模块,用于当所述浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标;
[0011] 所述绘制模块还用于,在当前界面的指定区域处以状态栏模式显示所述图标。
[0012] 本发明实施例根据浮动窗口位置改变浮动窗口展现形式,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式图标显示在当前界面的指定区域,即避免了浮动窗口遮挡当前界面的操作控件和显示内容,又保证浮动窗口对应的常用应用程序的内容仍然显示在当前界面上,可供用户快速查看和操作该常用应用程序,方便用户操作。
附图说明
[0013] 图1为本发明实施例中浮动窗口显示的装置所在终端的总线图;
[0014] 图2为本发明浮动窗口显示的方法的第一实施例的流程图;
[0015] 图3为本发明浮动窗口显示的方法的第二实施例的流程图;
[0016] 图4为本发明浮动窗口显示的方法的第三实施例的流程图;
[0017] 图5为本发明浮动窗口显示的方法的第四实施例的流程图;
[0018] 图6为本发明浮动窗口显示的方法的第五实施例的流程图;
[0019]图7为本发明浮动窗口显示的装置的第一实施例的模块示意图;
[0020]图8为本发明浮动窗口显示的装置的第二实施例的模块示意图。
[0021] 本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
[0022] 应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
[0023] 参照图1,图1为本发明实施例中浮动窗口显示的装置所在终端的总线图,图1所示的终端可以包括:至少一个处理器101,例如CPU,至少一个网络接口 104,用户接口 103,存储器105,至少一个通信总线102。其中,通信总线102用于实现这些组件之间的连接通信。其中,用户接口 103可以包括显示屏(Display)、键盘(Keyboard),还可以包括标准的有线接口、无线接口。网络接口 104可以包括标准的有线接口、无线接口(如WIFI接口)。存储器105可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器105还可以是至少一个位于远离前述处理器101的存储装置。作为一种计算机存储介质的存储器105中可以包括操作系统、网络通信模块、用户接口模块以及浮动窗口显示程序。
[0024] 在图1所示的浮动窗口显示的装置所在终端中,网络接口 104主要用于连接服务器或其他终端,与服务器或其他终端进行数据通信;而用户接口 103主要用于接收用户指令,并与用户进行交互;而处理器101可以用于调用存储器105中存储的浮动窗口显示程序,并执行以下操作:
[0025] 通过用户接口 103接收录入的第一拖拽指令,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;
[0026]当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式的图标,通过用户接口 103在当前界面的指定区域处以状态栏模式显示图标。
[0027] 在一个实施例中,处理器101调用存储器105中存储的浮动窗口显示程序还可以执行以下操作:
[0028] 实时跟踪浮动窗口的边界坐标或中心点坐标;
[0029] 当浮动窗口的边界坐标中的任一个或所述浮动窗口的中心点坐标与指定区域的边界坐标中的任一个重合时,确定浮动窗口到达当前界面的指定区域。
[0030] 在一个实施例中,处理器101调用存储器105中存储的浮动窗口显示程序还可以执行以下操作:
[0031] 当浮动窗口到达当前界面的指定区域时,实时获取浮动窗口中已到达指定区域的窗口区域面积;
[0032] 当浮动窗口中已到达指定区域的窗口区域面积与浮动窗口总面积的比值达到预设比例时,将浮动窗口转换为状态栏模式的图标,并通过用户接口 103在当前界面的指定区域处以状态栏模式显示图标。
[0033] 在一个实施例中,处理器101调用存储器105中存储的浮动窗口显示程序还可以执行以下操作:
[0034] 当浮动窗口到达当前界面的指定区域时,继续实时跟踪浮动窗口的边界坐标;
[0035] 获取已越过指定区域边界的浮动窗口边界坐标;
[0036] 确定已越过指定区域边界的浮动窗口边界坐标与指定区域边界坐标所围成的窗口区域面积,作为浮动窗口中已到达指定区域的窗口区域面积。
[0037] 在一个实施例中,处理器101调用存储器105中存储的浮动窗口显示程序还可以执行以下操作:
[0038] 接收录入的第二拖拽指令,将状态栏模式的图标从当前界面的指定区域处移出;
[0039] 将已移出的图标转换为浮动窗口,并根据鼠标或触摸点的移动轨迹,移动浮动窗口位置。
[0040] 本实施例图1所描述的浮动窗口显示的装置及其所在终端,根据浮动窗口位置改变浮动窗口展现形式,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式图标显示在当前界面的指定区域,即避免了浮动窗口遮挡当前界面的操作控件和显示内容,又保证浮动窗口对应的常用应用程序的内容仍然显示在当前界面上,可供用户快速查看和操作该常用应用程序,方便用户操作。
[0041] 如图2所示,图2为本发明浮动窗口显示的方法的第一实施例的流程图。本实施例提到的浮动窗口显示的方法,包括步骤:
[0042] 步骤S10,接收录入的第一拖拽指令,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;
[0043] 本实施例在手机、电脑、PAD等终端的界面上显示有常用应用程序的浮动窗口,例如电脑管家、网速监控、天气、时钟、日历等。浮动窗口可前端显示,当用户打开其他应用的界面时,浮动窗口显示在当前运行的界面前端。由于浮动窗口前端显示可能会遮挡当前界面上的某些显示内容或操作控件,当用户想要移开浮动窗口时,可在终端屏幕上点击并移动浮动窗口,即录入第一拖拽指令。如果终端为台式电脑、一体机、笔记本电脑等连接有鼠标的终端,则用户采用鼠标来移动浮动窗口,如果终端为手机、PAD等触摸屏终端,则用户采用触摸的方式来移动浮动窗口。在鼠标不松动或触摸点不离开触摸屏的情况下,终端根据鼠标或触摸点的移动轨迹,将浮动窗口移动至鼠标或触摸点所在的位置。如果用户手指离开鼠标或触摸屏,则停止移动浮动窗口。
[0044] 步骤S20,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示图标。
[0045] 在当前界面的一些预设区域,例如浏览器的上方或下方的状态栏区域、左右两侧的边框区域,浏览器的标签显示区域,文件夹左侧的导航区域等,均可作为当前界面的指定区域。当然也可以是其他指定区域,例如当前界面的左上角、右下角、中心区域等。在浮动窗口移动的过程中,终端可识别出浮动窗口在显示屏上的位置坐标,例如可将浮动窗口的中心点的坐标代表整个浮动窗口的位置坐标,如果浮动窗口进入到当前界面的指定区域处,终端判断出浮动窗口已到达指定区域,则将浮动窗口转换为可直接融合在状态栏中的图标格式,即状态栏模式的图标,并将已转换的图标作为上述指定区域的一部分内容,显示在指定区域内。例如,圆形的浮动窗口移动到文件夹左侧的导航区域,则将圆形的浮动窗口转换为只显示文字的图标,并将图标中的文字融入导航区域,显示在导航区域的空白处,或插入到导航区域中两条已存在的导航目录之间。本实施例根据浮动窗口位置改变浮动窗口展现形式,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式图标显示在当前界面的指定区域,即避免了浮动窗口遮挡当前界面的操作控件和显示内容,又保证浮动窗口对应的常用应用程序的内容仍然显示在当前界面上,可供用户快速查看和操作该常用应用程序,方便用户操作。
[0046] 如图3所示,图3为本发明浮动窗口显示的方法的第二实施例的流程图。本实施例包括图2所示实施例中的所有步骤,还进一步说明如何确定浮动窗口到达当前界面的指定区域,在步骤S20之前还包括:
[0047] 步骤S31,实时跟踪浮动窗口的边界坐标或中心点坐标;
[0048] 本实施例中,终端先识别出浮动窗口的边界,并实时跟踪浮动窗口边界上各个坐标的移动轨迹,实现对浮动窗口位置的跟踪。此外还可以采用浮动窗口的中心点代表浮动窗口的整体坐标,终端可对浮动窗口的中心点坐标实时跟踪。
[0049] 步骤S32,当浮动窗口的边界坐标中的任一个或浮动窗口的中心点坐标与指定区域的边界坐标中的任一个重合时,确定浮动窗口到达当前界面的指定区域。
[0050] 由于在当前界面的指定区域也存在一个边界,终端可识别并记录该指定区域的边界坐标。以实时跟踪浮动窗口的边界坐标为例,当浮动窗口的边界坐标中的任意一坐标与记录的指定区域的边界坐标中的任意一坐标相同时,则说明该浮动窗口已经到达当前界面的指定区域。例如浏览器上方的状态栏为指定区域,状态栏的边界为状态栏下方的横线坐标y = 20cm,对于圆形的浮动窗口,当终端识别出圆形浮动窗口的边界圆周的最高点坐标(X0,y0)中y0 = 20cm时,则终端判断出圆形浮动窗口的边界坐标已到达状态栏的边界,浮动窗口到达当前界面的指定区域,即浮动窗口刚触碰到当前界面的指定区域,终端就将其检测出来,实现了终端对浮动窗口位置的快速检测,提高了浮动窗口转换效率。如果以浮动窗口的中心点代表浮动窗口的整体坐标,例如圆形浮动窗口的中心点坐标为(xl,yl),当圆形浮动窗口的边界圆周的最高点坐标(x0,y0)中y0 = 20cm时,终端并不对浮动窗口进行转换,而当中心点坐标(xl,yl)中yl = 20cm时,终端才确定圆形浮动窗口到达当前界面的指定区域,避免了因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,提高了终端识别浮动窗口位置和转换浮动窗口显示模式的准确性。
[0051] 如图4所示,图4为本发明浮动窗口显示的方法的第三实施例的流程图。本实施例包括图2所示实施例中的所有步骤,还进一步说明转换显示模式的触发条件,步骤S20包括:
[0052] 步骤S21,当浮动窗口到达当前界面的指定区域时,实时获取浮动窗口中已到达指定区域的窗口区域面积;
[0053] 步骤S22,当浮动窗口中已到达指定区域的窗口区域面积与浮动窗口总面积的比值达到预设比例时,将浮动窗口转换为状态栏模式的图标,并在当前界面的指定区域处以状态栏模式显示图标。
[0054] 本实施例中,为进一步避免因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,预先设置有一个比例值。终端在确定浮动窗口已到达当前界面的指定区域后,计算浮动窗口已经进入到指定区域的部分区域的面积。终端还计算该部分区域的面积在浮动窗口的总面积中所占的比例,获得一个比值,这个比值与预设的比例值比较,如果获得的比值小于预设比例,则终端暂不转换浮动窗口,浮动窗口可继续向指定区域移动,终端继续实时计算浮动窗口已经进入到指定区域的部分区域的面积、以及该部分区域的面积与浮动窗口的总面积的比值,如果获得的比值小于或等于预设比例,则触发转换条件,终端将浮动窗口转换为状态栏模式的图标,并将转换后的图标以状态栏模式显示在指定区域。采用面积比值作为转换显示模式的触发条件,进一步避免了因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,提高了终端转换浮动窗口显示模式的准确性。
[0055] 如图5所示,图5为本发明浮动窗口显示的方法的第四实施例的流程图。本实施例包括图4所示实施例中的所有步骤,还进一步说明如何确定浮动窗口中已到达指定区域的窗口区域面积,步骤S21包括:
[0056] 步骤S211,当浮动窗口到达当前界面的指定区域时,继续实时跟踪浮动窗口的边界坐标;
[0057] 步骤S212,获取已越过指定区域边界的浮动窗口边界坐标;
[0058] 步骤S213,确定已越过指定区域边界的浮动窗口边界坐标与指定区域边界坐标所围成的窗口区域面积,作为浮动窗口中已到达指定区域的窗口区域面积。
[0059] 本实施例终端在确定浮动窗口已到达当前界面的指定区域后,识别浮动窗口的边界,获取边界坐标。同时,终端根据浮动窗口的边界坐标和指定区域的边界坐标,提取出浮动窗口的边界坐标中已越过指定区域边界的那部分边界坐标,已越过指定区域边界的那部分边界坐标与指定区域边界坐标之间围成一个窗口区域,该窗口区域即为浮动窗口已越过指定区域边界的部分区域,终端计算该部分区域的面积,获得浮动窗口中已到达指定区域的窗口区域面积。例如浮动窗口为圆形,浏览器上方的状态栏为指定区域,状态栏的下边缘为指定区域边界,当圆形浮动窗口向上移动到1/2个圆进入指定区域,则已越过指定区域边界的浮动窗口边界坐标与指定区域边界坐标所围成的窗口区域为圆形浮动窗口的上半圆,此部分的面积即为浮动窗口中已到达指定区域的窗口区域面积。本实施例终端采用边界坐标确定浮动窗口中已到达指定区域的窗口区域面积,使计算的区域面积更加准确。
[0060] 如图6所示,图6为本发明浮动窗口显示的方法的第五实施例的流程图。本实施例包括图4所示实施例中的所有步骤,还进一步说明如何恢复浮动窗口,在步骤S20之后还包括:
[0061] 步骤S41,接收录入的第二拖拽指令,将状态栏模式的图标从当前界面的指定区域处移出;
[0062] 步骤S42,将已移出的图标转换为浮动窗口,并根据鼠标或触摸点的移动轨迹,移动浮动窗口位置。
[0063] 本实施例中,在浮动窗口对应的图标以状态栏模式显示在当前界面指定区域后,如果用户希望将该图标重新恢复为浮动窗口模式显示,则可采用鼠标点击该图标,或采用触摸的方式按住该图标,并将其从指定区域上拖拽出来,并转换为浮动窗口。此外,用户还可以在图标位置点击鼠标右键,选择转换为浮动窗口的选项,将状态栏模式的图标转换为浮动窗口。浮动窗口移出指定区域后,如果鼠标继续被按压或触摸点处仍然有触屏信息,且鼠标或触摸点继续移动,则终端根据鼠标或触摸点的移动轨迹移动浮动窗口位置,直至鼠标被松开或触摸点无触屏信息,则停止移动浮动窗口。本实施例中,当浮动窗口进入指定区域后,终端将浮动窗口转换为状态栏模式的图标进行显示,当状态栏模式的图标离开指定区域时,终端将状态栏模式的图标重新恢复为浮动窗口,终端根据浮动窗口位置改变浮动窗口展现形式,使浮动窗口展现方式灵活多变,方便用户操作,满足各种需求。
[0064] 如图7所示,图7为本发明浮动窗口显示的装置的第一实施例的模块示意图。本实施例提到的浮动窗口显示的装置,包括:
[0065] 指令模块210,用于接收录入的第一拖拽指令;
[0066] 绘制模块220,用于根据鼠标或触摸点的移动轨迹,移动浮动窗口位置;
[0067] 转换模块230,用于当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式的图标;
[0068] 绘制模块220还用于,在当前界面的指定区域处以状态栏模式显示图标。
[0069] 本实施例在手机、电脑、PAD等终端的界面上显示有常用应用程序的浮动窗口,例如电脑管家、网速监控、天气、时钟、日历等。浮动窗口可前端显示,当用户打开其他应用的界面时,浮动窗口显示在当前运行的界面前端。由于浮动窗口前端显示可能会遮挡当前界面上的某些显示内容或操作控件,当用户想要移开浮动窗口时,可在终端屏幕上点击并移动浮动窗口,即录入第一拖拽指令。如果终端为台式电脑、一体机、笔记本电脑等连接有鼠标的终端,则用户采用鼠标来移动浮动窗口,如果终端为手机、PAD等触摸屏终端,则用户采用触摸的方式来移动浮动窗口。在鼠标不松动或触摸点不离开触摸屏的情况下,终端根据鼠标或触摸点的移动轨迹,将浮动窗口移动至鼠标或触摸点所在的位置。如果用户手指离开鼠标或触摸屏,则停止移动浮动窗口。
[0070] 在当前界面的一些预设区域,例如浏览器的上方或下方的状态栏区域、左右两侧的边框区域,浏览器的标签显示区域,文件夹左侧的导航区域等,均可作为当前界面的指定区域。当然也可以是其他指定区域,例如当前界面的左上角、右下角、中心区域等。在浮动窗口移动的过程中,终端可识别出浮动窗口在显示屏上的位置坐标,例如可将浮动窗口的中心点的坐标代表整个浮动窗口的位置坐标,如果浮动窗口进入到当前界面的指定区域处,终端判断出浮动窗口已到达指定区域,则将浮动窗口转换为可直接融合在状态栏中的图标格式,即状态栏模式的图标,并将已转换的图标作为上述指定区域的一部分内容,显示在指定区域内。例如,圆形的浮动窗口移动到文件夹左侧的导航区域,则将圆形的浮动窗口转换为只显示文字的图标,并将图标中的文字融入导航区域,显示在导航区域的空白处,或插入到导航区域中两条已存在的导航目录之间。本实施例根据浮动窗口位置改变浮动窗口展现形式,当浮动窗口到达当前界面的指定区域时,将浮动窗口转换为状态栏模式图标显示在当前界面的指定区域,即避免了浮动窗口遮挡当前界面的操作控件和显示内容,又保证浮动窗口对应的常用应用程序的内容仍然显示在当前界面上,可供用户快速查看和操作该常用应用程序,方便用户操作。
[0071] 如图8所示,图8为本发明浮动窗口显示的装置的第二实施例的模块示意图。本实施例包括图7所示实施例中的所有模块,为进一步说明如何确定浮动窗口到达当前界面的指定区域,还增加了跟踪模块240,用于:
[0072] 实时跟踪浮动窗口的边界坐标或中心点坐标;
[0073] 当浮动窗口的边界坐标中的任一个或所述浮动窗口的中心点坐标与指定区域的边界坐标中的任一个重合时,确定浮动窗口到达当前界面的指定区域。
[0074] 本实施例中,终端先识别出浮动窗口的边界,并实时跟踪浮动窗口边界上各个坐标的移动轨迹,实现对浮动窗口位置的跟踪。此外还可以采用浮动窗口的中心点代表浮动窗口的整体坐标,终端可对浮动窗口的中心点坐标实时跟踪。由于在当前界面的指定区域也存在一个边界,终端可识别并记录该指定区域的边界坐标。以实时跟踪浮动窗口的边界坐标为例,当浮动窗口的边界坐标中的任意一坐标与记录的指定区域的边界坐标中的任意一坐标相同时,则说明该浮动窗口已经到达当前界面的指定区域。例如浏览器上方的状态栏为指定区域,状态栏的边界为状态栏下方的横线坐标y = 20cm,对于圆形的浮动窗口,当终端识别出圆形浮动窗口的边界圆周的最高点坐标(x0,y0)中y0 = 20cm时,则终端判断出圆形浮动窗口的边界坐标已到达状态栏的边界,浮动窗口到达当前界面的指定区域,即浮动窗口刚触碰到当前界面的指定区域,终端就将其检测出来,实现了终端对浮动窗口位置的快速检测,提高了浮动窗口转换效率。如果以浮动窗口的中心点代表浮动窗口的整体坐标,例如圆形浮动窗口的中心点坐标为(xl,yl),当圆形浮动窗口的边界圆周的最高点坐标(x0,y0)中y0 = 20cm时,终端并不对浮动窗口进行转换,而当中心点坐标(xl,yl)中yl = 20cm时,终端才确定圆形浮动窗口到达当前界面的指定区域,避免了因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,提高了终端识别浮动窗口位置和转换浮动窗口显示模式的准确性。
[0075] 进一步的,为了说明转换显示模式的前提,跟踪模块240还用于,当浮动窗口到达当前界面的指定区域时,实时获取浮动窗口中已到达指定区域的窗口区域面积;
[0076] 转换模块230还用于,当浮动窗口中已到达指定区域的窗口区域面积与浮动窗口总面积的比值达到预设比例时,将浮动窗口转换为状态栏模式的图标。
[0077] 本实施例中,为进一步避免因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,预先设置有一个比例值。终端在确定浮动窗口已到达当前界面的指定区域后,计算浮动窗口已经进入到指定区域的部分区域的面积。终端还计算该部分区域的面积在浮动窗口的总面积中所占的比例,获得一个比值,这个比值与预设的比例值比较,如果获得的比值小于预设比例,则终端暂不转换浮动窗口,浮动窗口可继续向指定区域移动,终端继续实时计算浮动窗口已经进入到指定区域的部分区域的面积、以及该部分区域的面积与浮动窗口的总面积的比值,如果获得的比值小于或等于预设比例,则触发转换条件,终端将浮动窗口转换为状态栏模式的图标,并将转换后的图标以状态栏模式显示在指定区域。采用面积比值作为转换显示模式的触发条件,进一步避免了因误操作将浮动窗口触碰到指定区域而被终端转换为状态栏图标,提高了终端转换浮动窗口显示模式的准确性。
[0078] 进一步的,为说明如何确定浮动窗口中已到达指定区域的窗口区域面积,跟踪模块240还用于:
[0079] 当浮动窗口到达当前界面的指定区域时,继续实时跟踪浮动窗口的边界坐标;
[0080] 获取已越过指定区域边界的浮动窗口边界坐标;
[0081 ] 确定已越过指定区域边界的浮动窗口边界坐标与指定区域边界坐标所围成的窗口区域面积,作为浮动窗口中已到达指定区域的窗口区域面积。
[0082] 本实施例终端在确定浮动窗口已到达当前界面的指定区域后,识别浮动窗口的边界,获取边界坐标。同时,终端根据浮动窗口的边界坐标和指定区域的边界坐标,提取出浮动窗口的边界坐标中已越过指定区域边界的那部分边界坐标,已越过指定区域边界的那部分边界坐标与指定区域边界坐标之间围成一个窗口区域,该窗口区域即为浮动窗口已越过指定区域边界的部分区域,终端计算该部分区域的面积,获得浮动窗口中已到达指定区域的窗口区域面积。例如浮动窗口为圆形,浏览器上方的状态栏为指定区域,状态栏的下边缘为指定区域边界,当圆形浮动窗口向上移动到1/2个圆进入指定区域,则已越过指定区域边界的浮动窗口边界坐标与指定区域边界坐标所围成的窗口区域为圆形浮动窗口的上半圆,此部分的面积即为浮动窗口中已到达指定区域的窗口区域面积。本实施例终端采用边界坐标确定浮动窗口中已到达指定区域的窗口区域面积,使计算的区域面积更加准确。
[0083] 进一步的,为说明如何恢复浮动窗口,指令模块210还用于,接收录入的第二拖拽指令;
[0084] 绘制模块220还用于,将状态栏模式的图标从当前界面的指定区域处移出;
[0085] 转换模块230还用于,将已移出的图标转换为浮动窗口 ;
[0086] 绘制模块220还用于,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置。
[0087] 本实施例中,在浮动窗口对应的图标以状态栏模式显示在当前界面指定区域后,如果用户希望将该图标重新恢复为浮动窗口模式显示,则可采用鼠标点击该图标,或采用触摸的方式按住该图标,并将其从指定区域上拖拽出来,并转换为浮动窗口。此外,用户还可以在图标位置点击鼠标右键,选择转换为浮动窗口的选项,将状态栏模式的图标转换为浮动窗口。浮动窗口移出指定区域后,如果鼠标继续被按压或触摸点处仍然有触屏信息,且鼠标或触摸点继续移动,则终端根据鼠标或触摸点的移动轨迹移动浮动窗口位置,直至鼠标被松开或触摸点无触屏信息,则停止移动浮动窗口。本实施例中,当浮动窗口进入指定区域后,终端将浮动窗口转换为状态栏模式的图标进行显示,当状态栏模式的图标离开指定区域时,终端将状态栏模式的图标重新恢复为浮动窗口,终端根据浮动窗口位置改变浮动窗口展现形式,使浮动窗口展现方式灵活多变,方便用户操作,满足各种需求。
[0088] 需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
[0089] 上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
[0090] 通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如R0M/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
[0091] 以上所述仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种浮动窗口显示的方法,其特征在于,包括步骤: 接收录入的第一拖拽指令,根据鼠标或触摸点的移动轨迹,移动浮动窗口位置; 当所述浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标。
2.如权利要求1所述的浮动窗口显示的方法,其特征在于,所述当浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标的步骤之前还包括: 实时跟踪所述浮动窗口的边界坐标或中心点坐标; 当所述浮动窗口的边界坐标中的任一个或所述浮动窗口的中心点坐标与所述指定区域的边界坐标中的任一个重合时,确定所述浮动窗口到达当前界面的指定区域。
3.如权利要求1或2所述的浮动窗口显示的方法,其特征在于,所述当浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标的步骤包括: 当所述浮动窗口到达当前界面的指定区域时,实时获取所述浮动窗口中已到达所述指定区域的窗口区域面积; 当所述浮动窗口中已到达所述指定区域的窗口区域面积与所述浮动窗口总面积的比值达到预设比例时,将所述浮动窗口转换为状态栏模式的图标,并在当前界面的指定区域处以状态栏模式显示所述图标。
4.如权利要求3所述的浮动窗口显示的方法,其特征在于,所述当所述浮动窗口到达当前界面的指定区域时,实时获取所述浮动窗口中已到达所述指定区域的窗口区域面积的步骤包括: 当所述浮动窗口到达当前界面的指定区域时,继续实时跟踪所述浮动窗口的边界坐标; 获取已越过所述指定区域边界的所述浮动窗口边界坐标; 确定已越过所述指定区域边界的所述浮动窗口边界坐标与所述指定区域边界坐标所围成的窗口区域面积,作为所述浮动窗口中已到达所述指定区域的窗口区域面积。
5.如权利要求1或2所述的浮动窗口显示的方法,其特征在于,所述当浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标,在当前界面的指定区域处以状态栏模式显示所述图标的步骤之后还包括: 接收录入的第二拖拽指令,将状态栏模式的所述图标从当前界面的指定区域处移出; 将已移出的所述图标转换为所述浮动窗口,并根据鼠标或触摸点的移动轨迹,移动所述浮动窗口位置。
6.一种浮动窗口显示的装置,其特征在于,包括: 指令模块,用于接收录入的第一拖拽指令; 绘制模块,用于根据鼠标或触摸点的移动轨迹,移动浮动窗口位置; 转换模块,用于当所述浮动窗口到达当前界面的指定区域时,将所述浮动窗口转换为状态栏模式的图标; 所述绘制模块还用于,在当前界面的指定区域处以状态栏模式显示所述图标。
7.如权利要求6所述的浮动窗口显示的装置,其特征在于,还包括跟踪模块,用于: 实时跟踪所述浮动窗口的边界坐标或中心点坐标; 当所述浮动窗口的边界坐标中的任一个或所述浮动窗口的中心点坐标与所述指定区域的边界坐标中的任一个重合时,确定所述浮动窗口到达当前界面的指定区域。
8.如权利要求7所述的浮动窗口显示的装置,其特征在于,所述跟踪模块还用于,当所述浮动窗口到达当前界面的指定区域时,实时获取所述浮动窗口中已到达所述指定区域的窗口区域面积; 所述转换模块还用于,当所述浮动窗口中已到达所述指定区域的窗口区域面积与所述浮动窗口总面积的比值达到预设比例时,将所述浮动窗口转换为状态栏模式的图标。
9.如权利要求8所述的浮动窗口显示的装置,其特征在于,所述跟踪模块还用于: 当所述浮动窗口到达当前界面的指定区域时,继续实时跟踪所述浮动窗口的边界坐标; 获取已越过所述指定区域边界的所述浮动窗口边界坐标; 确定已越过所述指定区域边界的所述浮动窗口边界坐标与所述指定区域边界坐标所围成的窗口区域面积,作为所述浮动窗口中已到达所述指定区域的窗口区域面积。
10.如权利要求6至9任一项所述的浮动窗口显示的装置,其特征在于,所述指令模块还用于,接收录入的第二拖拽指令; 所述绘制模块还用于,将状态栏模式的所述图标从当前界面的指定区域处移出; 所述转换模块还用于,将已移出的所述图标转换为所述浮动窗口 ; 所述绘制模块还用于,根据鼠标或触摸点的移动轨迹,移动所述浮动窗口位置。
CN201510296783.7A 2015-06-03 2015-06-03 浮动窗口显示的方法和装置 Active CN106293315B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510296783.7A CN106293315B (zh) 2015-06-03 2015-06-03 浮动窗口显示的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510296783.7A CN106293315B (zh) 2015-06-03 2015-06-03 浮动窗口显示的方法和装置

Publications (2)

Publication Number Publication Date
CN106293315A true CN106293315A (zh) 2017-01-04
CN106293315B CN106293315B (zh) 2020-05-05

Family

ID=57655464

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510296783.7A Active CN106293315B (zh) 2015-06-03 2015-06-03 浮动窗口显示的方法和装置

Country Status (1)

Country Link
CN (1) CN106293315B (zh)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106899817A (zh) * 2017-01-04 2017-06-27 深圳市广和通无线股份有限公司 媒体数据录制方法和装置
CN106909383A (zh) * 2017-02-24 2017-06-30 上海与德信息技术有限公司 应用程序的显示方法及显示装置
CN107122149A (zh) * 2017-04-17 2017-09-01 北京小米移动软件有限公司 应用程序的显示方法、装置及终端
CN107704186A (zh) * 2017-09-01 2018-02-16 联想(北京)有限公司 一种控制方法及电子设备
CN108289233A (zh) * 2017-12-12 2018-07-17 海尔优家智能科技(北京)有限公司 显示方法、计算机可读存储介质、计算机设备及显示装置
CN109407926A (zh) * 2018-10-17 2019-03-01 联想(北京)有限公司 一种处理方法和电子设备
CN109542291A (zh) * 2018-10-18 2019-03-29 深圳市创梦天地科技有限公司 一种界面控制方法、相关装置和设备
WO2019101073A1 (zh) * 2017-11-23 2019-05-31 广州视源电子科技股份有限公司 工具栏显示控制方法以及装置、可读存储介质及计算机设备
CN110691161A (zh) * 2018-07-06 2020-01-14 上海涌玉文化传播有限公司 一种手机显示屏广告推送系统及广告显示方法
CN110795194A (zh) * 2019-10-31 2020-02-14 北京字节跳动网络技术有限公司 桌面显示控制的方法、装置、终端及存储介质
CN111124556A (zh) * 2018-10-31 2020-05-08 杭州海康威视系统技术有限公司 一种窗口操作的方法及装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1996285A (zh) * 2006-01-06 2007-07-11 胡擘 一种网页浏览器网中的窗口系统
US20110083099A1 (en) * 2009-10-05 2011-04-07 Samsung Electronics Co. Ltd. Mobile device and overlay display method thereof
CN103150095A (zh) * 2013-03-07 2013-06-12 东莞宇龙通信科技有限公司 终端和终端操控方法
CN103870093A (zh) * 2012-12-12 2014-06-18 上海斐讯数据通信技术有限公司 一种应用程序的显示方法及移动终端
US20140289620A1 (en) * 2012-09-14 2014-09-25 Tencent Technology (Shenzhen) Company Limited Method and device for triggering operations via interface components
CN104346039A (zh) * 2014-08-06 2015-02-11 深圳市金立通信设备有限公司 一种终端

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1996285A (zh) * 2006-01-06 2007-07-11 胡擘 一种网页浏览器网中的窗口系统
US20110083099A1 (en) * 2009-10-05 2011-04-07 Samsung Electronics Co. Ltd. Mobile device and overlay display method thereof
US20140289620A1 (en) * 2012-09-14 2014-09-25 Tencent Technology (Shenzhen) Company Limited Method and device for triggering operations via interface components
CN103870093A (zh) * 2012-12-12 2014-06-18 上海斐讯数据通信技术有限公司 一种应用程序的显示方法及移动终端
CN103150095A (zh) * 2013-03-07 2013-06-12 东莞宇龙通信科技有限公司 终端和终端操控方法
CN104346039A (zh) * 2014-08-06 2015-02-11 深圳市金立通信设备有限公司 一种终端

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
DEVELOPER_KALE: "可拖拽悬浮窗、对话框悬浮窗的简单实现", 《HTTPS://WWW.CNBLOGS.COM/TIANZHIJIEXIAN/P/3994546.HTML》 *

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106899817A (zh) * 2017-01-04 2017-06-27 深圳市广和通无线股份有限公司 媒体数据录制方法和装置
CN106899817B (zh) * 2017-01-04 2019-09-17 深圳市广和通无线股份有限公司 媒体数据录制方法和装置
CN106909383A (zh) * 2017-02-24 2017-06-30 上海与德信息技术有限公司 应用程序的显示方法及显示装置
CN107122149A (zh) * 2017-04-17 2017-09-01 北京小米移动软件有限公司 应用程序的显示方法、装置及终端
CN107704186A (zh) * 2017-09-01 2018-02-16 联想(北京)有限公司 一种控制方法及电子设备
WO2019101073A1 (zh) * 2017-11-23 2019-05-31 广州视源电子科技股份有限公司 工具栏显示控制方法以及装置、可读存储介质及计算机设备
CN108289233B (zh) * 2017-12-12 2021-05-07 海尔优家智能科技(北京)有限公司 显示方法、计算机可读存储介质、计算机设备及显示装置
CN108289233A (zh) * 2017-12-12 2018-07-17 海尔优家智能科技(北京)有限公司 显示方法、计算机可读存储介质、计算机设备及显示装置
CN110691161A (zh) * 2018-07-06 2020-01-14 上海涌玉文化传播有限公司 一种手机显示屏广告推送系统及广告显示方法
CN109407926A (zh) * 2018-10-17 2019-03-01 联想(北京)有限公司 一种处理方法和电子设备
CN109407926B (zh) * 2018-10-17 2021-09-14 联想(北京)有限公司 一种处理方法和电子设备
CN109542291A (zh) * 2018-10-18 2019-03-29 深圳市创梦天地科技有限公司 一种界面控制方法、相关装置和设备
CN111124556A (zh) * 2018-10-31 2020-05-08 杭州海康威视系统技术有限公司 一种窗口操作的方法及装置
CN111124556B (zh) * 2018-10-31 2021-09-21 杭州海康威视系统技术有限公司 一种窗口操作的方法及装置
CN110795194A (zh) * 2019-10-31 2020-02-14 北京字节跳动网络技术有限公司 桌面显示控制的方法、装置、终端及存储介质

Also Published As

Publication number Publication date
CN106293315B (zh) 2020-05-05

Similar Documents

Publication Publication Date Title
CN106293315A (zh) 浮动窗口显示的方法和装置
CN102819416B (zh) 一种实现组件内容显示的方法和装置
US8704783B2 (en) Easy word selection and selection ahead of finger
CN105760041B (zh) 一种未读消息的展示方法及系统
CN105426080B (zh) 一种图片切换方法及终端
CN104346085A (zh) 一种对控件对象的操作方法、装置及终端设备
CN105204744B (zh) 一种启动应用程序的方法、装置及电子设备
CN103530047B (zh) 一种触摸屏设备事件触发方法及装置
CN104679434A (zh) 一种客户端页面的切换方法
CN102207826B (zh) 一种涂鸦的方法及系统
CN103488411B (zh) 切换页面的方法和装置
CN102799358A (zh) 光标显示位置的确定方法及装置
CN105653190B (zh) 移动通讯终端及其单手操作模式控制方法和装置
CN104216639B (zh) 一种终端操作方法
CN103092518B (zh) 一种基于rdp协议的移动云桌面精确触控方法
CN103019588A (zh) 一种触摸定位方法、装置及终端
CN104239381A (zh) 便携式终端和便携式终端中的用户界面方法
CN103324390A (zh) 用于页面浏览的交互方法、浏览器装置以及移动终端
CN103455261A (zh) 调用选项卡标签进行显示的方法及移动设备
CN110531920A (zh) 侧边工具栏的显示方法、装置、终端及存储介质
CN107318091A (zh) 一种网络连接的控制方法及移动终端
CN105892794A (zh) 一种浏览器界面显示方法及装置
CN103488424A (zh) 一种信息展示的方法及装置
CN110968227A (zh) 智能交互平板的控制方法和装置
CN108762628B (zh) 页面元素移动显示方法、装置、终端设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
C06 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