CN114253433A - 一种动态元素控制方法、电子设备和计算机可读存储介质 - Google Patents
一种动态元素控制方法、电子设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN114253433A CN114253433A CN202011017632.0A CN202011017632A CN114253433A CN 114253433 A CN114253433 A CN 114253433A CN 202011017632 A CN202011017632 A CN 202011017632A CN 114253433 A CN114253433 A CN 114253433A
- Authority
- CN
- China
- Prior art keywords
- information
- size
- dynamic element
- adjustment
- adjusting
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 62
- 230000006870 function Effects 0.000 claims description 85
- 238000012886 linear function Methods 0.000 claims description 26
- 238000004590 computer program Methods 0.000 claims description 8
- 239000000725 suspension Substances 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 53
- 239000010410 layer Substances 0.000 description 31
- 230000008569 process Effects 0.000 description 20
- 238000012545 processing Methods 0.000 description 9
- 230000007704 transition Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000001052 transient effect Effects 0.000 description 3
- 238000013459 approach Methods 0.000 description 2
- 230000002238 attenuated effect Effects 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 2
- 230000003139 buffering effect Effects 0.000 description 2
- 230000007423 decrease Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000002085 persistent effect Effects 0.000 description 2
- 230000035945 sensitivity Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000013528 artificial neural network Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供的一种动态元素控制方法、电子设备和计算机可读存储介质的技术方案中,检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息;按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗,能够增加动态元素的可视面积,提高动态元素的可操作性。
Description
【技术领域】
本发明涉及人机交互技术领域,具体地涉及一种动态元素控制方法、电子设备和计算机可读存储介质。
【背景技术】
目前的电子设备上具有显示悬浮窗的功能,悬浮窗功能可以实现把一个应用程序的窗口悬浮在当前应用程序的界面上的效果。若在当前界面显示了一个悬浮窗,用户无法看见和操作被悬浮窗遮挡的信息或按钮,造成信息或按钮的可视面积过小,导致信息或按钮的可操作性jiaodi的问题。
【发明内容】
有鉴于此,本发明提供一种动态元素控制方法、电子设备和计算机可读存储介质,能够增加动态元素的可视面积,提高动态元素的可操作性。
一方面,本发明实施例提供了一种动态元素控制方法,包括:
检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息;
按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗。
在一种可能的实现方式中,调整信息包括调整位置信息;
确定出动态元素的调整信息,包括:
获取悬浮窗的第一位置信息和动态元素的第二位置信息;
通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、第一位置信息和第二位置信息,生成调整位置信息。
在一种可能的实现方式中,第一指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
在一种可能的实现方式中,调整信息包括调整大小信息;
确定出动态元素的调整信息,包括:
获取悬浮窗的第一位置信息、动态元素的第二位置信息和动态元素的当前尺寸信息;
通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、第一位置信息、第二位置信息和当前尺寸信息,生成调整大小信息。
在一种可能的实现方式中,第二指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
在一种可能的实现方式中,第一边界值小于第二边界值;
在按照调整信息调整动态元素的位置和/或大小之前,还包括:
判断调整位置信息是否大于或等于第一边界值且小于或等于第二边界值;
若判断出调整位置信息大于或等于第一边界值且小于或等于第二边界值,继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可能的实现方式中,还包括:
若判断出调整位置信息小于第一边界值,将第一边界值确定为调整位置信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可能的实现方式中,还包括:
若判断出调整位置信息大于第二边界值,将第二边界值确定为调整位置信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可能的实现方式中,在按照调整信息调整动态元素的位置和/或大小之前,还包括:
判断调整大小信息是否大于或等于边界尺寸;
若判断出调整大小信息大于或等于边界尺寸,继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可能的实现方式中,还包括:
若判断出调整大小信息小于边界尺寸,将边界尺寸确定为调整大小信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可能的实现方式中,还包括:
按照调整信息的设定比例对动态元素的相邻动态元素的位置和/或大小进行调整。
第二方面,本发明实施例提供了一种电子设备,设备包括:
显示屏;一个或多个处理器;存储器;以及一个或多个计算机程序,其中一个或多个计算机程序被存储在存储器中,一个或多个计算机程序包括指令,当指令被设备执行时,使得设备执行以下步骤:
检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息;
按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗。
在一种可选的实现方式中,调整信息包括调整位置信息;当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
获取悬浮窗的第一位置信息和动态元素的第二位置信息;
通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、第一位置信息和第二位置信息,生成调整位置信息。
在一种可选的实现方式中,调整信息包括调整大小信息;当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
获取悬浮窗的第一位置信息、动态元素的第二位置信息和动态元素的当前尺寸信息;
通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、第一位置信息、第二位置信息和当前尺寸信息,生成调整大小信息。
在一种可选的实现方式中,第一边界值小于第二边界值;当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
判断调整位置信息是否大于或等于第一边界值且小于或等于第二边界值;
若判断出调整位置信息大于或等于第一边界值且小于或等于第二边界值,继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可选的实现方式中,当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
若判断出调整位置信息小于第一边界值,将第一边界值确定为调整位置信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可选的实现方式中,当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
若判断出调整位置信息大于第二边界值,将第二边界值确定为调整位置信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可选的实现方式中,当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
判断调整大小信息是否大于或等于边界尺寸;
若判断出调整大小信息大于或等于边界尺寸,继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可选的实现方式中,当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
若判断出调整大小信息小于边界尺寸,将边界尺寸确定为调整大小信息并继续执行按照调整信息调整动态元素的位置和/或大小的步骤。
在一种可选的实现方式中,当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
按照调整信息的设定比例对动态元素的相邻动态元素的位置和/或大小进行调整。
第三方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质用于设备执行的程序代码,所述程序代码包括用于执行第一方面或者第一方面的任一可能的实现方式中的方法的指令。
本发明实施例提供的技术方案中,检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息;按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗,能够增加动态元素的可视面积,提高动态元素的可操作性。
【附图说明】
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的一种电子设备的软件结构框图;
图2为本发明实施例提供的一种用户的电子设备的界面示意图;
图3为本发明实施例提供的一种调整动态元素位置的界面示意图;
图4为本发明实施例提供的又一种调整动态元素位置的界面示意图;
图5为本发明实施例提供的又一种调整动态元素位置的界面示意图;
图6为本发明实施例提供的又一种调整动态元素位置的界面示意图;
图7为本发明实施例提供的又一种调整动态元素位置的界面示意图;
图8为本发明实施例提供的一种线性函数的示意图;
图9为正弦曲线函数的示意图;
图10为贝塞尔曲线函数的示意图;
图11a至图11c为本发明实施例提供的又一种调整动态元素位置的界面示意图;
图12为本发明实施例提供的一种调整动态元素大小的界面示意图;
图13为本发明实施例提供的又一种调整动态元素大小的界面示意图;
图14为本发明实施例提供的又一种调整动态元素大小的界面示意图;
图15为本发明实施例提供的又一种调整动态元素大小的界面示意图;
图16为本发明实施例提供的又一种调整动态元素大小的界面示意图;
图17为本发明实施例提供的又一种线性函数的示意图;
图18为正弦曲线函数的示意图;
图19为贝塞尔曲线函数的示意图;
图20为本发明一实施例提供的一种动态元素控制方法的流程图;
图21为本发明一实施例提供的一种电子设备的结构示意图。
【具体实施方式】
为了更好的理解本发明的技术方案,下面结合附图对本发明实施例进行详细描述。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,甲和/或乙,可以表示:单独存在甲,同时存在甲和乙,单独存在乙这三种情况。另外,本文中字符“况。一般表示前后关联对象是一种“或”的关系。
悬浮窗是电子设备的当前界面悬浮着的一个可移动的窗口,该窗口可以是某个应用程序的窗口。例如:用户正在使用浏览器浏览网页,可以将正在播放的视频以悬浮窗的形式悬浮在正在浏览的网页界面上。
目前的悬浮窗包括持续型悬浮窗或暂态悬浮窗。持续型悬浮窗是指若在当前界面上显示了一个悬浮窗,用户可以继续在当前界面上除该悬浮窗遮挡位置之外的其他位置上进行操作的悬浮窗。暂态悬浮窗是指若在当前界面上显示了一个悬浮窗,用户无法在当前界面上进行操作的悬浮窗。针对暂态悬浮窗,用户必须先关闭悬浮窗,才能在当前界面上进行操作。针对持续型悬浮窗,若用户想要查看或操作被悬浮窗遮挡的内容,需要手动将悬浮窗移动至其它位置以使被遮挡位置的部分暴露出来,才能查看或操作被悬浮窗遮挡的内容。若持续型悬浮窗遮挡住了一个按钮,用户需要点击该按钮,则需要将持续型悬浮窗从原始位置移动至不影响点击按钮的其它位置,用户点击该按钮之后再将持续型悬浮窗移动至原始位置,操作繁琐导致用户体验感较差,增加了用户的使用成本,操作便利性较差。
针对上述问题,本发明提供了一种动态元素控制方法,解决了相关技术中的因操作繁琐从而造成用户体验感较差的问题,解决了用户的使用成本较高以及操作便利性较差的问题,从而减少了用户的使用成本,提高了操作便利性。需要说明的是,本发明实施例提供的动态元素控制方法中涉及的悬浮窗为持续型悬浮窗。
电子设备的示例包括但不限于搭载iOS、Android、Microsoft或者其他操作系统的设备,可选地,电子设备包括手机、平板电脑、可穿戴设备、音箱或者个人计算机;目标设备的示例包括但不限于搭载iOS、Android、Microsoft或者其他操作系统的设备,可选地,目标设备包括手机、平板电脑、可穿戴设备、音箱或者个人计算机。
以电子设备为Android系统的设备为例,图1为本发明实施例提供的一种电子设备的软件结构框图。如图1所示,分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为五层,从上至下分别为应用程序层110、系统框架层(Framework,简称:FWK)120、系统库130和安卓运行时(Android runtime)140、硬件抽象层(Hardware Abstraction Layer,简称:HAL)150以及内核层(kernel)160。
应用程序层110可以包括一系列应用程序包。如图1所示,应用程序包可以包括相机、图库、日历、通话、地图、导航、无线局域网(Wireless Local Area Network,简称:WLAN)和音乐等应用程序。
系统框架层120为应用程序层110的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。系统框架层120包括一些预先定义的函数。如图1所示,系统框架层120可以包括窗口管理器、内容提供器、视图系统、电话管理器、资源管理器和通知管理器等。其中,窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏、锁定屏幕、截取屏幕等。内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。这些数据可以包括视频、图像、音频、拨打和接听的电话、浏览历史和书签、电话簿等。视图系统包括可视控件,例如:显示文字的控件、显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。电话管理器用于提供电子设备的通信功能。例如:通话状态的管理,通话状态的管理包括接通、挂断等。资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
系统库130可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库,2D图形引擎等。其中,表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:动态图象专家组(MPEG4)、高度压缩数字视频编解码器标准(H.264)、动态影像专家压缩标准音频层面3(MP3)、高级音频编码(AAC)、自适应多码率编译码器(AMR)、联合图像专家组(JPG)、便携式网络图形(PNG)等。三维图形处理库用于实现三维图形绘图、图像渲染、合成和图层处理等,例如:OpenGLES。2D图形引擎是2D绘图的绘图引擎,例如:SGL。
安卓运行时140包括核心库和虚拟机。安卓运行时140负责安卓系统的调度和管理。核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是Android的核心库。应用程序层110和系统框架层120运行在虚拟机中。虚拟机将应用程序层和系统框架层120的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
硬件抽象层150是电子设备的内核层160的驱动的抽象接口。硬件抽象层150包含多个库模块,其中每个库模块都为特定类型的硬件组件实现一个接口。硬件抽象层150可以为更高级别的Java API框架提供访问底层设备的应用编程接口,当API框架要求访问电子设备的硬件时,Android系统将为该硬件组件加载库模块。
内核层160是硬件和软件之间的层。内核层160至少包含显示驱动、摄像头驱动、音频驱动、传感器驱动、蓝牙驱动、超宽带(Ultra Wide Band,简称:UWB)驱动、音频驱动、触屏驱动和IoT设备管理驱动。内核层160是Android系统的基础,通过内核层160可以实现Android系统的最终的功能。
其中,硬件抽象层150可以通过硬件抽象层接口描述语言(HAL interfacedefinition language,简称:HIDL)与系统框架层120进行通信,HIDL是指定HAL和FWK之间的接口的一种接口描述语言。
下面结合一个悬浮窗在移动的过程中遮挡动态元素的场景,用一个具体的实施例对动态元素控制方法做出示例性说明:
本发明实施例中,动态元素为支持动态布局的元素。通常布局是指的某一个元素的位置是由一个坐标或一个百分比决定的。坐标包括绝对坐标或相对坐标,绝对坐标指相对于整个界面的坐标,例如:元素a的绝对坐标为(20dp,30dp);相对坐标指相对于另一个元素位置的坐标,例如:元素b相对于元素a的相对坐标为(20dp,30dp),即:元素b位于元素a的右侧且与元素a相距20dp,元素a的上侧且与元素a相距30dp处。百分比包括绝对百分比或相对百分比,绝对百分比为相对于整个界面的百分比,例如:元素a位于界面宽度的20%,界面高度的30%处;相对百分比指相对于另一个元素位置的百分比,例如:元素b位于元素a右侧且与元素a相距界面宽度的20%,元素a的上侧且与元素a相距界面高度的30%处。
相比于通常布局,本发明实施例涉及的动态布局是指某一个元素的位置受指定规则影响而按照设定时间间隔在指定范围内进行变动的布局。其中,指定规则可以为符合指定函数的规则,例如:线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。时间间隔可以根据实际情况进行设定,可以设定一个较小的时间间隔,以实现实时元素位置的实时变动。指定范围包括元素的位置的可变动范围。
本发明实施例中,动态元素包括应用图标或工具组件,例如:时钟、天气、日历或搜索框。可选地,动态元素还可以包括应用程序内部的功能导航,功能导航包括功能性按钮、缩略图、广告条幅、底部导航和菜单项,例如:微信应用程序内部的底部导航,底部导航包括“微信”、“通讯录”、“发现”和“我”。
以动态元素为应用图标为例,假设用户按照个人需求将悬浮窗从屏幕中间向下方移动,使得悬浮窗不会影响当前界面的显示。图2为本发明实施例提供的一种用户的电子设备的界面示意图,如图2所示,该界面包括状态栏21、菜单栏22和功能栏23。状态栏21包括运营商、当前时间、当前地理位置及当地天气、网络状态、信号状态和电源电量。如图2所示,运营商为中国移动;当前时间为2月9日星期五08:08;当前地理位置为北京,北京天气为多云且温度为6摄氏度;网络状态为wifi网络;信号状态为满格信号,表示当前信号较强;电源电量中的黑色部分可以表示电子设备的剩余电量。菜单栏22包括至少一个应用图标,每个应用图标下方具有相应的应用程序的名称,例如:微信、卡包、设置、相机、电话、短信和通讯录。其中,应用图标以及相应的应用程序的名称的位置可以根据用户的喜好进行调整,本发明实施例对此不作限定。功能栏23包括返回键、主桌面键和菜单键。返回键用于返回上一级,主桌面键用于返回主桌面,菜单键用于显示出多个后台应用。
如图2所示,该界面还包括悬浮窗24,悬浮窗24可以为某个应用的界面,例如:悬浮窗24为正在播放的视频界面。悬浮窗24位于电子设备的界面的中间。若用户想要移动悬浮窗24以避免悬浮窗24影响当前界面的显示,用户可以拖拽悬浮窗24向下移动,在向下移动的过程中,生成应用图标的调整信息,调整信息包括调整位置信息和/或调整大小信息。若调整信息包括调整位置信息,在悬浮窗24向下移动的过程中,应用图标也随悬浮窗向下移动至指定位置。可选地,若调整信息包括调整大小信息,在悬浮窗24向下移动的过程中,应用图标可以缩小至指定尺寸。
需要说明的是,图2所示的电子设备的界面示意图为本发明实施例的示例性的展示,电子设备的界面示意图也可以为其他样式,本发明实施例对此不作限定。
以动态元素为应用图标25,用户拖拽悬浮窗24横向移动为例,对动态元素的位置的调整过程进行描述。由于用户是横向拖拽悬浮窗24,在对应用图标25的调整过程中只需计算调整应用图标25的横坐标,不必计算应用图标25的纵坐标。电子设备获取悬浮窗24的第一位置信息和应用图标25的第二位置信息,其中,第一位置信息包括悬浮窗24中心点的横坐标xf,第二位置信息包括应用图标25的原始横坐标xm0,应用图标25的调整横坐标为xm。根据实际界面的场景不同设置有第一参数a和第二参数b,例如:可根据悬浮窗24的宽度确定第一参数a和第二参数b;例如:实际界面的场景需要动态元素进行小幅度移动,则第一参数a和第二参数b均设置为较小的值;例如:实际界面的场景需要使得悬浮窗避免遮挡动态元素,则第一参数a和第二参数b均设置为较大的值。第一参数a和第二参数b用于控制应用图标25移动的灵敏度,且规定第一参数大于第二参数且第二参数大于0,即:a>b>0。对调整横坐标xm设置有第一边界值xm1和第二边界值xm2且第一边界值xm1小于第二边界值xm2,调整横坐标的取值应大于或等于第一边界值xm1且小于或等于第二边界值xm2。本发明实施例中,第一边界值xm1和第二边界值xm2可根据多个应用图标25之间的间距进行设置,多个应用图标25之间的间距与第一边界值xm1和第二边界值xm2之间的范围成正比例函数关系,即:多个应用图标25之间的间距越大,第一边界值xm1和第二边界值xm2之间的范围越大。通过第一指定函数,根据第一边界值、第二边界值、第一参数、第二参数、第一位置信息和第二位置信息,生成调整位置信息。其中,第一指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。以第一指定函数为线性函数为例,图3为本发明实施例提供的一种调整动态元素位置的界面示意图,如图3所示,以动态元素为应用图标25为例,悬浮窗24位于界面的右侧,应用图标25位于界面中间,用户向左拖拽悬浮窗24以使悬浮窗25从右向左移动,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值大于或等于第一参数,即:xf-xm0≥a,表明悬浮窗24与应用图标25之间的距离足够大,悬浮窗24此时不会影响用户对于应用图标25的操作,因此应用图标25的位置保持原始坐标,不需要调整,即:xm=xm0。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24继续从右向左移动,图4为本发明实施例提供的又一种调整动态元素位置的界面示意图,如图4所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于第一参数且大于第二参数,即:a>xf-xm0>b,通过公式xm=(xf-xm0)*(xm0-xm1)/(a-b)+(axm1-bxm0)/(a-b)对悬浮窗24中心点的横坐标xf、应用图标25的原始横坐标xm0、第一边界值xm1、第二边界值xm2、第一参数a和第二参数b进行计算,生成应用图标25的调整横坐标xm,调整横坐标xm即为调整位置信息;按照调整横坐标xm调整应用图标25的位置,使应用图标25的纵坐标不变,原始横坐标变更为调整横坐标。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24继续从右向左移动,图5为本发明实施例提供的又一种调整动态元素位置的界面示意图,如图5所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于或等于第二参数且大于或等于第二参数的相反数,即:b≥xf-xm0≥-b,通过公式xm=(xf-xm0)*(xm1-xm2)/2b+(xm1+xm2)/2对悬浮窗24中心点的横坐标xf、应用图标25的原始横坐标xm0、第一边界值xm1、第二边界值xm2和第二参数b进行计算,生成应用图标25的调整横坐标xm,调整横坐标xm即为调整位置信息;按照调整横坐标xm调整应用图标25的位置,使应用图标25的纵坐标不变,原始横坐标变更为调整横坐标。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24继续从右向左移动,图6为本发明实施例提供的又一种调整动态元素位置的界面示意图,如图6所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于第二参数的相反数且大于第一参数的相反数,即:-b>xf-xm0>-a,通过公式xm=(xf-xm0)*(xm2-xm0)/(a-b)+(axm2-bxm0)/(a-b)对悬浮窗24中心点的横坐标xf、应用图标25的原始横坐标xm0、第一边界值xm1、第二边界值xm2、第一参数a和第二参数b进行计算,生成应用图标25的调整横坐标xm,调整横坐标xm即为调整位置信息;按照调整横坐标xm调整应用图标25的位置,使应用图标的纵坐标不变,原始横坐标变更为调整横坐标。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24从右向左移动,图7为本发明实施例提供的又一种调整动态元素位置的界面示意图,如图7所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于或等于第一参数的相反数,即:xf-xm0≤-a,表明悬浮窗24与应用图标25之间的距离足够大,悬浮窗24此时不会影响用户对于应用图标25的操作,因此应用图标25的位置保持原始坐标,不需要调整,即:xm=xm0。
以动态元素包括应用图标25为例,图8为本发明实施例提供的一种线性函数的示意图,如图8所示,该函数的示意图的横轴为悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值,纵轴为应用图标25的调整横坐标。当用户横向拖拽悬浮窗24,以使悬浮窗24横向移动时,若此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值大于第一参数或小于第一参数的相反数,应用图标25的位置保持原始坐标,不需要调整。随着用户继续横向拖拽悬浮窗24,以使悬浮窗24横向移动,应用图标25向远离悬浮窗24的方向移动,直至悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值等于第二参数,应用图标25的位置已达到第一边界值;或者,直至悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值等于第二参数的相反数,应用图标25的位置已达到第二边界值。随着用户继续横向拖拽悬浮窗24,以使悬浮窗24横向移动,随着遮挡面积逐渐变小,应用图标25复位至原始位置,可以实现应用图标25动态避让悬浮窗24的效果。
进一步地,图8所示的线性函数的示意图中的关键点A和关键点B的过渡较为突然,若悬浮窗24此时继续横向移动,会造成动态元素以指定速度突然横向移动,在移动速度上没有渐变的过程。为进一步优化动态元素的控制效果,可以采用正弦曲线、贝塞尔曲线、幂函数曲线或指数函数来代替线性函数。例如:图9为正弦曲线函数的示意图,如图9所示,该函数的示意图的横轴和纵轴与图8所示的线性函数的示意图的含义相同,在此不再赘述。关键点C和关键点D的过渡相较于线性函数的示意图较为缓慢;例如:图10为贝塞尔曲线函数的示意图,如图10所示,该函数的示意图的横轴和纵轴与图8或图9所示的函数的示意图的含义相同,在此不再赘述。关键点I和关键点J的过渡相较于线性函数的示意图较为缓慢,随着用户继续拖拽悬浮窗,以使悬浮窗24横向移动,动态元素以较为缓慢的速度横向移动,在移动速度上有明显的缓冲过程,可以提高用户体验感。
本发明实施例中,图3至图7所示的是以用户拖拽悬浮窗横向移动为例的示意图,若用户拖拽悬浮窗24纵向移动,只需计算动态元素的纵坐标,不必计算动态元素的横坐标,确定动态元素的调整位置信息的过程与图3至图7相同,在此不再赘述。
本发明实施例中,若用户拖拽悬浮窗24在横向和纵向上均有移动,则动态元素的纵坐标和横坐标均需计算,通过指定函数分别确定出动态元素的调整横坐标和调整纵坐标;将调整横坐标和调整纵坐标作为动态元素的调整位置信息,并按照调整位置信息调整动态元素的位置。图11a至图11c为本发明实施例提供的又一种调整动态元素位置的界面示意图,如图11a所示,该界面包括多个动态元素,分别为第一动态元素11、第二动态元素12、第三动态元素13、第四动态元素14和第五动态元素15。第一动态元素11、第二动态元素12、第三动态元素13和第四动态元素14位于界面下方;第五动态元素15位于界面左侧。该界面还包括悬浮窗24,悬浮窗24位于界面右侧,且悬浮窗14位于第三动态元素13和第四动态元素14的上方。用户向下拖拽悬浮窗24以使悬浮窗24向下移动。如图11b所示,随着悬浮窗24向下移动逐渐靠近第三动态元素13和第四动态元素14的过程中,第三动态元素13和第四动态元素14朝向远离悬浮窗24的方向移动。此时用户向左拖拽悬浮窗24以使悬浮窗24继续向左移动,如图11c所示,随着悬浮窗24向左移动逐渐靠近第一动态元素11、第二动态元素12和第五动态元素15的过程中,第一动态元素11、第二动态元素12和第五动态元素15均朝向远离悬浮窗24的方向移动;随着悬浮窗24向左移动逐渐远离第三动态元素13和第四动态元素14的过程中,第三动态元素13和第四动态元素14逐渐复位至各自的原始位置。在悬浮窗24移动的过程中,第一动态元素11、第二动态元素12、第三动态元素13、第四动态元素14和第五动态元素15的调整位置信息的确定过程可参见图3至图7所示的过程,在此不再赘述。
本发明实施例中,在生成调整位置信息之后,需要对调整位置信息与第一边界值和第二边界值进行比较。具体地,判断调整位置信息是否大于或等于第一边界值且小于或等于第二边界值,若判断出调整位置信息大于或等于第一边界值且小于或等于第二边界值,按照调整位置信息对动态元素的位置进行调整;若判断出调整位置信息小于第一边界值,将第一边界值确定为调整位置信息,并按照更改后的调整位置信息对动态元素的位置进行调整;若判断出调整位置信息大于第二边界值,将第二边界值确定为调整位置信息,并按照更改后的调整位置信息对动态元素的位置进行调整。
作为另一种可选方案,动态元素的调整信息还包括调整大小信息。以动态元素为应用图标25,用户拖拽悬浮窗24横向移动为例,对动态元素的大小的调整过程进行描述。由于用户是横向拖拽悬浮窗24,在对应用图标25的调整过程中只需计算调整应用图标25的横向尺寸,不必计算应用图标25的纵向尺寸。电子设备获取悬浮窗24的第一位置信息、应用图标25的第二位置信息和应用图标25的当前尺寸信息,其中,第一位置信息包括悬浮窗24中心点的横坐标xf,第二位置信息包括应用图标25的原始横坐标xm0,当前尺寸信息包括应用图标25的原始横向尺寸s0,应用图标25的调整横向尺寸为s。根据实际界面的场景不同设置有第三参数c和第四参数d,例如:可根据悬浮窗24的宽度确定第三参数c和第四参数d,;例如:实际界面的场景需要动态元素进行小幅度移动,则第三参数c和第四参数d均设置为较小的值;例如:实际界面的场景需要使得悬浮窗避免遮挡动态元素,则第三参数c和第四参数d均设置为较大的值。第三参数c和第四参数d用于控制应用图标25缩放的灵敏度,且规定第三参数大于第四参数且第四参数大于0,即:c>d>0。对调整横向尺寸s设置有边界尺寸smin,调整横向尺寸的取值应大于或等于边界尺寸smin。本发明实施例中,边界尺寸smin可根据多个应用图标25之间的间距进行设置。通过第二指定函数,根据边界尺寸、第三参数、第四参数、第一位置信息和当前尺寸信息,生成调整大小信息。其中,第二指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。以第二指定函数为线性函数为例,图12为本发明实施例提供的一种调整动态元素大小的界面示意图,如图12所示,以动态元素为应用图标25为例,悬浮窗24位于界面的右侧,应用图标25位于界面中间,用户向左拖拽悬浮窗24以使悬浮窗24从右向左移动,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值大于或等于第三参数,即:xf-xm0≥c,表明悬浮窗24与应用图标25之间的距离足够大,悬浮窗24此时不会影响用户对于应用图标25的操作,因此应用图标25的横向尺寸保持原始横向尺寸,不需要调整,即:s=s0。
此时用户继续向左拖拽悬浮窗24以使悬浮窗从右向左移动,图13为本发明实施例提供的又一种调整动态元素大小的界面示意图,如图13所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于第三参数且大于第四参数,即:c>xf-xm0>d,通过公式s=(xf-xm0)*(smin-s0)/(d-c)+(ds0-csmin)/(d-c)对悬浮窗24中心点的横坐标、应用图标25的原始横坐标、应用图标25的原始横向尺寸、边界尺寸、第三参数和第四参数进行计算,生成应用图标25的调整横向尺寸s,调整横向尺寸s即为调整大小信息;按照调整横向尺寸s调整应用图标25的大小,使应用图标25的原始纵向尺寸不变,原始横向尺寸缩小至调整横向尺寸的大小。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24从右向左移动,图14为本发明实施例提供的又一种调整动态元素大小的界面示意图,如图14所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于或等于第四参数且大于或等于第四参数的相反数,即:d≥xf-xm0≥-d,此时s=smin,即:将边界尺寸确定为应用图标25的调整横向尺寸。调整横向尺寸s即为调整大小信息;按照调整横向尺寸s调整应用图标25的大小,使应用图标25的原始纵向尺寸不变,原始横向尺寸缩小至调整横向尺寸的大小。
此时用户继续向左拖拽悬浮窗24以使悬浮窗24从右向左移动,图15为本发明实施例提供的又一种调整动态元素大小的界面示意图,如图15所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于第四参数的相反数且大于第三参数的相反数,即:-d>xf-xm0>-c,通过公式s=(xf-xm0)*(smin-s0)/(c-d)+(ds0-csmin)/(c-d)对悬浮窗24中心点的横坐标、应用图标25的原始横坐标、应用图标25的原始横向尺寸、边界尺寸、第三参数和第四参数进行计算,生成应用图标25的调整横向尺寸s,调整横向尺寸s即为调整大小信息;按照调整横向尺寸s调整应用图标25的大小,使应用图标25的原始纵向尺寸不变,原始横向尺寸缩小至调整横向尺寸的大小。
此时用户继续向左拖拽悬浮窗24以使悬浮窗从右向左移动,图16为本发明实施例提供的又一种调整动态元素大小的界面示意图,如图16所示,假设此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值小于或等于第三参数的相反数,即:xf-xm0≤-c,表明悬浮窗24与应用图标25之间的距离足够大,悬浮窗24此时不会影响用户对于应用图标25的操作,因此应用图标25的横向尺寸保持原始横向尺寸,不需要调整,即:s=s0。
以动态元素包括应用图标25为例,图17为本发明实施例提供的又一种线性函数的示意图,如图17所示,该函数的示意图的横轴为悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值,纵轴为应用图标25的调整横向尺寸。当用户横向拖拽悬浮窗24,以使悬浮窗24横向移动时,若此时悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值大于第三参数或小于第三参数的相反数,应用图标25的横向尺寸保持原始横向尺寸,不需要调整。随着用户继续横向拖拽悬浮窗24,以使悬浮窗24横向移动,应用图标25向远离悬浮窗24的方向移动,直至悬浮窗24中心点的横坐标减去应用图标25的原始横坐标的差值等于第四参数或第四参数的相反数,应用图标25的横向尺寸已达到边界尺寸。随着用户继续横向拖拽悬浮窗24,以使悬浮窗24横向移动,随着遮挡面积逐渐变小,应用图标25的横向尺寸复位至原始横向尺寸,可以实现应用图标25动态避让悬浮窗的效果。
进一步地,图17所示的线性函数的示意图中的关键点E和关键点F的过渡较为突然,若悬浮窗24此时继续横向移动,会造成动态元素以指定速度突然横向移动,在移动速度上没有渐变的过程。为进一步优化动态元素的控制效果,可以采用正弦曲线、贝塞尔曲线、幂函数曲线或指数函数来代替线性函数。例如:图18为正弦曲线函数的示意图,如图18所示,该函数的示意图的横轴和纵轴与图17所示的函数的示意图的含义相同,在此不再赘述。关键点G和关键点H的过渡相较于线性函数的示意图较为缓慢;例如:图19为贝塞尔曲线函数的示意图,如图19所示,该函数的示意图的横轴和纵轴与图17或图18所示的函数的示意图的含义相同,在此不再赘述。关键点K和关键点L的过渡相较于线性函数的示意图较为缓慢,随着用户继续拖拽悬浮窗,以使悬浮窗24横向移动,动态元素以较为缓慢的速度横向移动,在移动速度上有明显的缓冲过程,可以提高用户体验感。
本发明实施例中,图12至图16所示的是以用户拖拽悬浮窗24横向移动为例的示意图,若用户拖拽悬浮窗24纵向移动,只需计算动态元素的纵向尺寸,不必计算动态元素的横向尺寸,确定动态元素的调整大小信息的过程与图12至图16相同,在此不再赘述。
本发明实施例中,若用户拖拽悬浮窗在横向和纵向上均有移动,则动态元素的纵向尺寸和横向尺寸均需计算,通过指定函数分别确定出动态元素的调整横向尺寸和调整纵向尺寸;将调整横向尺寸和调整纵向尺寸作为动态元素的调整大小信息,并按照调整大小信息调整动态元素的大小。
本发明实施例中,在生成调整大小信息之后,需要对调整大小信息与边界尺寸进行比较。具体地,判断调整大小信息是否大于或等于边界尺寸,若判断出调整大小信息大于或等于边界尺寸,按照调整大小信息对动态元素的大小进行调整;若判断出调整大小信息小于边界尺寸,将边界尺寸确定为调整大小信息,并按照更改后的调整大小信息对动态元素的大小进行调整。
作为另一种可选方案,动态元素的调整信息包括调整位置信息和调整大小信息。按照调整位置信息调整动态元素的位置,并按照调整大小信息调整动态元素的大小。确定调整位置信息的过程与图3至图7相同,在此不再赘述;确定调整大小信息的过程与图12至图16相同,在此不再赘述。
进一步地,在按照动态元素的调整信息调整动态元素的位置和/或大小的过程中,动态元素的相邻动态元素随动态元素进行相应调整。本发明实施例中,相邻动态元素可以定义为与动态元素相距设定距离内的元素,例如:元素a为动态元素,以元素a为圆心,以设定距离为半径画圆,圆内的动态元素均定义为元素a的相邻动态元素;也可以定义为只传递N次的元素,例如:设置N的值为2,元素a、元素b、元素c和元素d依次呈直线排列,元素a为动态元素,元素a到元素b为一次传递,元素a到元素c为二次传递,因此,元素b和元素c为元素a的相邻动态元素,元素d不是相邻动态元素。
具体地,当动态元素的调整信息包括调整位置信息时,按照调整位置信息的设定比例对相邻动态元素的位置进行调整。其中,设定比例可根据实际情况进行设置,例如:设定比例为1倍或0.5倍。需要说明的是,当设定比例为1倍时,此时对相邻动态元素的位置调整为无衰减的调整,即:按照动态元素的调整位置信息对相邻动态元素的位置进行调整;当设定比例为小于1倍的比例,例如:设定比例为0.5倍时,此时对相邻动态元素的位置调整为有衰减的调整,即:按照动态元素的调整位置信息的0.5倍对相邻动态元素的位置进行调整。
具体地,当动态元素的调整信息包括调整大小信息时按照调整大小信息的设定比例对相邻动态元素的大小进行调整。其中,设定比例可根据实际情况进行设置,例如:设定比例为1倍或0.5倍。需要说明的是,当设定比例为1倍时,此时对相邻动态元素的大小调整为无衰减的调整,即:按照动态元素的调整大小信息对相邻动态元素的大小进行调整;当设定比例为小于1倍的比例,例如:设定比例为0.5倍时,此时对相邻动态元素的大小调整为有衰减的调整,即:按照动态元素的调整大小信息的0.5倍对相邻动态元素的大小进行调整。
具体地,当动态元素的调整信息包括调整位置信息和调整大小信息时,按照调整位置信息的设定比例对相邻动态元素的位置进行调整,并按照调整大小信息的设定比例对相邻动态元素的大小进行调整,具体调整方法与上述内容相同,在此不再赘述。
图20为本发明一实施例提供的一种动态元素控制方法的流程图,如图20所示,该方法包括:
步骤102、检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息。
本发明实施例中,调整信息包括调整位置信息和/或调整大小信息。
本发明实施例中,调整信息包括调整位置信息,步骤102具体包括:
步骤1022、检测到悬浮窗朝向动态元素移动的移动操作,获取悬浮窗的第一位置信息和动态元素的第二位置信息。
步骤1024、通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、第一位置信息和第二位置信息,生成调整位置信息。
本发明实施例中,第一指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
作为一种可选方案,调整信息包括调整大小信息,步骤102具体包括:
步骤2022、检测到悬浮窗朝向动态元素移动的移动操作,获取悬浮窗的第一位置信息、动态元素的第二位置信息和动态元素的当前尺寸信息。
步骤2024、通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、第一位置信息、第二位置信息和当前尺寸信息,生成调整大小信息。
本发明实施例中,第二指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
作为另一种可选方案,调整信息包括调整位置信息和调整大小信息,步骤102具体包括:
步骤3022、检测到悬浮窗朝向动态元素移动的移动操作,获取悬浮窗的第一位置信息、动态元素的第二位置信息和动态元素的当前尺寸信息。
步骤3024、通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、第一位置信息和第二位置信息,生成调整位置信息。
本发明实施例中,第一指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
步骤3036、通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、第一位置信息、第二位置信息和当前尺寸信息,生成调整大小信息。
本发明实施例中,第二指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
步骤104、判断调整信息是否处于调整边界内,若是,执行步骤108;若否,执行步骤106。
本发明实施例中,调整信息包括调整位置信息,调整边界包括第一边界值和第二边界值;步骤104具体包括:判断调整位置信息是否大于或等于第一边界值且小于或等于第二边界值,若是,继续执行步骤108;若否,继续执行步骤106。
作为一种可选方案,调整信息包括调整大小信息,调整边界包括尺寸边界;步骤104具体包括:判断调整大小信息是否大于或等于边界尺寸,若是,执行步骤108;若否,执行步骤106。
作为另一种可选方案,调整信息包括调整位置信息和调整大小信息,调整边界包括尺寸边界、第一边界值和第二边界值;步骤104具体包括:判断调整大小信息是否大于或等于边界尺寸且调整位置信息是否大于或等于第一边界值且小于或等于第二边界值,若是,执行步骤108;若否,执行步骤106。
步骤106、将调整边界确定为调整信息。
本发明实施例中,调整信息包括调整位置信息;若判断出调整位置信息小于第一边界值,将第一边界值确定为调整位置信息;若判断出调整位置信息大于第二边界值,将第二边界值确定为调整位置信息。
作为一种可选方案,本发明实施例中,调整信息包括调整大小信息;若判断出调整大小信息小于边界尺寸,将边界尺寸确定为调整大小信息。
作为另一种可选方案,本发明实施例中,调整信息包括调整位置信息和调整大小信息;若判断出调整位置信息小于第一边界值,将第一边界值确定为调整位置信息;若判断出调整位置信息大于第二边界值,将第二边界值确定为调整位置信息;若判断出调整大小信息小于边界尺寸,将边界尺寸确定为调整大小信息。
步骤108、按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗。
本发明实施例中,调整信息包括调整位置信息;步骤108具体包括:按照调整位置信息,调整动态元素的位置。
作为一种可选方案,调整信息包括调整大小信息,步骤108具体包括:按照调整大小信息,调整动态元素的大小。
作为另一种可选方案,调整信息包括调整位置信息和调整大小信息,步骤108具体包括:按照调整位置信息,调整动态元素的位置,并按照调整大小信息,调整动态元素的大小。
步骤110、按照调整信息的设定比例对动态元素的相邻动态元素的位置和/或大小进行调整。
本发明实施例中,调整信息包括调整位置信息;步骤110具体包括:按照调整位置信息的设定比例对动态元素的相邻动态元素的位置进行调整。
作为一种可选方案,调整信息包括调整大小信息;步骤110具体包括:按照调整大小信息的设定比例对动态元素的相邻动态元素的大小进行调整。
作为零一种可选方案,调整信息包括调整位置信息和调整大小信息;步骤110具体包括:按照调整位置信息的设定比例对动态元素的相邻动态元素的位置进行调整,并按照调整大小信息的设定比例对动态元素的相邻动态元素的大小进行调整。
本发明实施例中,检测到悬浮窗朝向动态元素移动的移动操作,确定出动态元素的调整信息;按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗,能够增加动态元素的可视面积,提高动态元素的可操作性。
应理解,这里的电子设备以功能单元的形式体现。这里的术语“单元”可以通过软件和/或硬件形式实现,对此不作具体限定。例如,“单元”可以是实现上述功能的软件程序、硬件电路或二者结合。所述硬件电路可能包括应用特有集成电路(application specificintegrated circuit,ASIC)、电子电路、用于执行一个或多个软件或固件程序的处理器(例如共享处理器、专有处理器或组处理器等)和存储器、合并逻辑电路和/或其它支持所描述的功能的合适组件。
因此,在本发明的实施例中描述的各示例的单元,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
本发明实施例还提供一种电子设备,该电子设备可以是终端设备也可以是内置于所述终端设备的电路设备。该设备可以用于执行上述方法实施例中的功能/步骤。
图21为本发明一实施例提供的一种电子设备的结构示意图,如图21所示,电子设备900包括处理器910和收发器920。可选地,该电子设备900还可以包括存储器930。其中,处理器910、收发器920和存储器930之间可以通过内部连接通路互相通信,传递控制和/或数据信号,该存储器930用于存储计算机程序,该处理器910用于从该存储器930中调用并运行该计算机程序。
可选地,电子设备900还可以包括天线940,用于将收发器920输出的无线信号发送出去。
上述处理器910可以和存储器930可以合成一个处理装置,更常见的是彼此独立的部件,处理器910用于执行存储器930中存储的程序代码来实现上述功能。具体实现时,该存储器930也可以集成在处理器910中,或者,独立于处理器910。
除此之外,为了使得电子设备900的功能更加完善,该电子设备900还可以包括输入单元960、显示单元970、音频电路980、摄像头990和传感器901等中的一个或多个,所述音频电路还可以包括扬声器982、麦克风984等。其中,显示单元970可以包括显示屏。
可选地,上述电子设备900还可以包括电源950,用于给终端设备中的各种器件或电路提供电源。
输入单元960用于接收用户输入的将悬浮窗朝向动态元素移动的移动操作,并将该移动操作发送至处理器910。处理器910用于确定出动态元素的调整信息,并按照调整信息调整动态元素的位置和/或大小,以使动态元素避让悬浮窗;处理器910还用于按照调整信息的设定比例对动态元素的相邻动态元素的位置和/或大小进行调整。
应理解,图21所示的电子设备900能够实现图20所示方法实施例的各个过程。电子设备900中的各个单元的操作和/或功能,分别为了实现上述方法实施例中的相应流程。具体可参见上述方法实施例中的描述,为避免重复,此处适当省略详细描述。
应理解,图21所示的电子设备900中的处理器910可以是片上系统(system on achip,SOC),该处理器910中可以包括中央处理器(central processing unit,CPU),还可以进一步包括其他类型的处理器,所述CPU可以叫主CPU,神经网络处理器NPU 30作为协处理器挂载到主CPU(Host CPU)上,由Host CPU分配任务。各部分处理器配合工作实现之前的方法流程,并且每部分处理器可以选择性执行一部分软件驱动程序。
总之,处理器910内部的各部分处理器或处理单元可以共同配合实现之前的方法流程,且各部分处理器或处理单元相应的软件程序可存储在存储器930中。
本发明还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当该指令在计算机上运行时,使得计算机执行如上述图20所示的动态元素控制方法中的各个步骤。
以上各实施例中,涉及的处理器910可以例如包括中央处理器(centralprocessing unit,CPU)、微处理器、微控制器或数字信号处理器,还可包括GPU、NPU和ISP,该处理器还可包括必要的硬件加速器或逻辑处理硬件电路,如特定应用集成电路(application-specific integrated circuit,ASIC),或一个或多个用于控制本发明技术方案程序执行的集成电路等。此外,处理器可以具有操作一个或多个软件程序的功能,软件程序可以存储在存储器中。
存储器可以是只读存储器(read-only memory,ROM)、可存储静态信息和指令的其它类型的静态存储设备、随机存取存储器(random access memory,RAM)或可存储信息和指令的其它类型的动态存储设备,也可以是电可擦可编程只读存储器(electricallyerasable programmable read-only memory,EEPROM)、只读光盘(compact disc read-only memory,CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其它磁存储设备,或者还可以是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其它介质等。
本发明实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示单独存在A、同时存在A和B、单独存在B的情况。其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项”及其类似表达,是指的这些项中的任意组合,包括单项或复数项的任意组合。例如,a,b和c中的至少一项可以表示:a,b,c,a-b,a-c,b-c,或a-b-c,其中a,b,c可以是单个,也可以是多个。
本领域普通技术人员可以意识到,本文中公开的实施例中描述的各单元及算法步骤,能够以电子硬件、计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的几个实施例中,任一功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read-only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。本发明的保护范围应以所述权利要求的保护范围为准。
Claims (21)
1.一种动态元素控制方法,其特征在于,包括:
检测到悬浮窗朝向动态元素移动的移动操作,确定出所述动态元素的调整信息;
按照所述调整信息调整所述动态元素的位置和/或大小,以使所述动态元素避让所述悬浮窗。
2.根据权利要求1所述的方法,其特征在于,所述调整信息包括调整位置信息;
所述确定出所述动态元素的调整信息,包括:
获取所述悬浮窗的第一位置信息和所述动态元素的第二位置信息;
通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、所述第一位置信息和所述第二位置信息,生成所述调整位置信息。
3.根据权利要求2所述的方法,其特征在于,所述第一指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
4.根据权利要求1所述的方法,其特征在于,所述调整信息包括调整大小信息;
所述确定出所述动态元素的调整信息,包括:
获取所述悬浮窗的第一位置信息、所述动态元素的第二位置信息和所述动态元素的当前尺寸信息;
通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、所述第一位置信息、所述第二位置信息和所述当前尺寸信息,生成所述调整大小信息。
5.根据权利要求4所述的方法,其特征在于,所述第二指定函数包括线性函数、正弦曲线、贝塞尔曲线、幂函数曲线或指数函数。
6.根据权利要求2所述的方法,其特征在于,所述第一边界值小于所述第二边界值;
在所述按照所述调整信息调整所述动态元素的位置和/或大小之前,还包括:
判断所述调整位置信息是否大于或等于所述第一边界值且小于或等于所述第二边界值;
若判断出所述调整位置信息大于或等于所述第一边界值且小于或等于所述第二边界值,继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
7.根据权利要求6所述的方法,其特征在于,还包括:
若判断出所述调整位置信息小于所述第一边界值,将所述第一边界值确定为所述调整位置信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
8.根据权利要求6所述的方法,其特征在于,还包括:
若判断出所述调整位置信息大于所述第二边界值,将所述第二边界值确定为所述调整位置信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
9.根据权利要求4所述的方法,其特征在于,
在所述按照所述调整信息调整所述动态元素的位置和/或大小之前,还包括:
判断所述调整大小信息是否大于或等于所述边界尺寸;
若判断出所述调整大小信息大于或等于所述边界尺寸,继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
10.根据权利要求9所述的方法,其特征在于,还包括:
若判断出所述调整大小信息小于所述边界尺寸,将所述边界尺寸确定为所述调整大小信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
11.根据权利要求1所述的方法,其特征在于,还包括:
按照所述调整信息的设定比例对所述动态元素的相邻动态元素的位置和/或大小进行调整。
12.一种电子设备,其特征在于,包括:
显示屏;一个或多个处理器;存储器;以及一个或多个计算机程序,其中所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
检测到悬浮窗朝向动态元素移动的移动操作,确定出所述动态元素的调整信息;
按照所述调整信息调整所述动态元素的位置和/或大小,以使所述动态元素避让所述悬浮窗。
13.根据权利要求12所述的设备,其特征在于,所述调整信息包括调整位置信息;
当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
获取所述悬浮窗的第一位置信息和所述动态元素的第二位置信息;
通过第一指定函数,根据设置的第一边界值、设置的第二边界值、设置的第一参数、设置的第二参数、所述第一位置信息和所述第二位置信息,生成所述调整位置信息。
14.根据权利要求12所述的设备,其特征在于,所述调整信息包括调整大小信息;
当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
获取所述悬浮窗的第一位置信息、所述动态元素的第二位置信息和所述动态元素的当前尺寸信息;
通过第二指定函数,根据设置的边界尺寸、设置的第三参数、设置的第四参数、所述第一位置信息、所述第二位置信息和所述当前尺寸信息,生成所述调整大小信息。
15.根据权利要求13所述的设备,其特征在于,所述第一边界值小于所述第二边界值;
当所述指令被所述设备执行时,使得所述设备具体执行以下步骤:
判断所述调整位置信息是否大于或等于所述第一边界值且小于或等于所述第二边界值;
若判断出所述调整位置信息大于或等于所述第一边界值且小于或等于所述第二边界值,继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
16.根据权利要求15所述的设备,其特征在于,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
若判断出所述调整位置信息小于所述第一边界值,将所述第一边界值确定为所述调整位置信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
17.根据权利要求15所述的设备,其特征在于,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
若判断出所述调整位置信息大于所述第二边界值,将所述第二边界值确定为所述调整位置信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
18.根据权利要求14所述的设备,其特征在于,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
判断所述调整大小信息是否大于或等于所述边界尺寸;
若判断出所述调整大小信息大于或等于所述边界尺寸,继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
19.根据权利要求18所述的设备,其特征在于,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
若判断出所述调整大小信息小于所述边界尺寸,将所述边界尺寸确定为所述调整大小信息并继续执行所述按照所述调整信息调整所述动态元素的位置和/或大小的步骤。
20.根据权利要求12所述的设备,其特征在于,当所述指令被所述设备执行时,使得所述设备执行以下步骤:
按照所述调整信息的设定比例对所述动态元素的相邻动态元素的位置和/或大小进行调整。
21.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括存储的程序,其中,在所述程序运行时控制所述计算机可读存储介质所在设备执行权利要求1至11中任意一项所述的动态元素控制方法。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011017632.0A CN114253433A (zh) | 2020-09-24 | 2020-09-24 | 一种动态元素控制方法、电子设备和计算机可读存储介质 |
US17/908,406 US20230342018A1 (en) | 2020-09-24 | 2021-09-14 | Dynamic element control method, electronic device, and computer readable storage medium |
EP21871320.4A EP4092512A4 (en) | 2020-09-24 | 2021-09-14 | DYNAMIC ELEMENT CONTROL METHOD, ELECTRONIC DEVICE AND COMPUTER READABLE STORAGE MEDIUM |
PCT/CN2021/118090 WO2022062949A1 (zh) | 2020-09-24 | 2021-09-14 | 一种动态元素控制方法、电子设备和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011017632.0A CN114253433A (zh) | 2020-09-24 | 2020-09-24 | 一种动态元素控制方法、电子设备和计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114253433A true CN114253433A (zh) | 2022-03-29 |
Family
ID=80788867
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011017632.0A Pending CN114253433A (zh) | 2020-09-24 | 2020-09-24 | 一种动态元素控制方法、电子设备和计算机可读存储介质 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20230342018A1 (zh) |
EP (1) | EP4092512A4 (zh) |
CN (1) | CN114253433A (zh) |
WO (1) | WO2022062949A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116048361A (zh) * | 2022-06-24 | 2023-05-02 | 荣耀终端有限公司 | 交互方法、可读存储介质和电子设备 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120169768A1 (en) * | 2011-01-04 | 2012-07-05 | Eric Roth | Mobile terminal and control method thereof |
CN103729156A (zh) * | 2012-10-12 | 2014-04-16 | 索尼公司 | 显示控制装置以及显示控制方法 |
CN103853423A (zh) * | 2012-11-28 | 2014-06-11 | 三星电子株式会社 | 基于物理引擎提供用户界面的方法及相关电子设备 |
CN104238869A (zh) * | 2013-06-19 | 2014-12-24 | 富泰华工业(深圳)有限公司 | 浮动图标显示系统及方法 |
CN104898953A (zh) * | 2015-06-16 | 2015-09-09 | 深圳市腾讯计算机系统有限公司 | 基于触控屏的操控方法和装置 |
US20160034130A1 (en) * | 2014-06-16 | 2016-02-04 | Huawei Technologies Co., Ltd. | Method and Apparatus for Moving Icon, and Electronic Device |
CN106201494A (zh) * | 2016-06-30 | 2016-12-07 | 广州视睿电子科技有限公司 | 一种悬浮菜单的自动移动方法和装置 |
US20190018555A1 (en) * | 2015-12-31 | 2019-01-17 | Huawei Technologies Co., Ltd. | Method for displaying menu on user interface and handheld terminal |
CN110362373A (zh) * | 2019-06-29 | 2019-10-22 | 华为技术有限公司 | 一种控制屏幕小窗口的方法及相关设备 |
CN110647274A (zh) * | 2019-08-15 | 2020-01-03 | 华为技术有限公司 | 一种界面显示方法及设备 |
CN111638818A (zh) * | 2020-04-29 | 2020-09-08 | 维沃移动通信有限公司 | 窗口位置调整方法、装置及电子设备 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9916072B2 (en) * | 2013-02-20 | 2018-03-13 | Lg Electronics Inc. | Application and notification window display management in a mobile terminal |
US20140365944A1 (en) * | 2013-06-09 | 2014-12-11 | Apple Inc. | Location-Based Application Recommendations |
CN105302408A (zh) * | 2014-06-24 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 对悬浮按钮的位置进行调节的方法、装置及终端 |
CN104182121A (zh) * | 2014-08-06 | 2014-12-03 | 深圳市金立通信设备有限公司 | 一种悬浮图标的移动方法 |
CN106293315B (zh) * | 2015-06-03 | 2020-05-05 | 腾讯科技(深圳)有限公司 | 浮动窗口显示的方法和装置 |
CN106775182A (zh) * | 2015-11-19 | 2017-05-31 | 北京奇虎科技有限公司 | 一种悬浮控件的处理方法和装置 |
CN109697010A (zh) * | 2018-11-22 | 2019-04-30 | 努比亚技术有限公司 | 一种悬浮窗位置控制方法、终端及计算机可读存储介质 |
-
2020
- 2020-09-24 CN CN202011017632.0A patent/CN114253433A/zh active Pending
-
2021
- 2021-09-14 WO PCT/CN2021/118090 patent/WO2022062949A1/zh unknown
- 2021-09-14 US US17/908,406 patent/US20230342018A1/en active Pending
- 2021-09-14 EP EP21871320.4A patent/EP4092512A4/en active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120169768A1 (en) * | 2011-01-04 | 2012-07-05 | Eric Roth | Mobile terminal and control method thereof |
CN103729156A (zh) * | 2012-10-12 | 2014-04-16 | 索尼公司 | 显示控制装置以及显示控制方法 |
CN103853423A (zh) * | 2012-11-28 | 2014-06-11 | 三星电子株式会社 | 基于物理引擎提供用户界面的方法及相关电子设备 |
CN104238869A (zh) * | 2013-06-19 | 2014-12-24 | 富泰华工业(深圳)有限公司 | 浮动图标显示系统及方法 |
US20160034130A1 (en) * | 2014-06-16 | 2016-02-04 | Huawei Technologies Co., Ltd. | Method and Apparatus for Moving Icon, and Electronic Device |
CN104898953A (zh) * | 2015-06-16 | 2015-09-09 | 深圳市腾讯计算机系统有限公司 | 基于触控屏的操控方法和装置 |
US20190018555A1 (en) * | 2015-12-31 | 2019-01-17 | Huawei Technologies Co., Ltd. | Method for displaying menu on user interface and handheld terminal |
CN106201494A (zh) * | 2016-06-30 | 2016-12-07 | 广州视睿电子科技有限公司 | 一种悬浮菜单的自动移动方法和装置 |
CN110362373A (zh) * | 2019-06-29 | 2019-10-22 | 华为技术有限公司 | 一种控制屏幕小窗口的方法及相关设备 |
CN110647274A (zh) * | 2019-08-15 | 2020-01-03 | 华为技术有限公司 | 一种界面显示方法及设备 |
CN111638818A (zh) * | 2020-04-29 | 2020-09-08 | 维沃移动通信有限公司 | 窗口位置调整方法、装置及电子设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116048361A (zh) * | 2022-06-24 | 2023-05-02 | 荣耀终端有限公司 | 交互方法、可读存储介质和电子设备 |
CN116048361B (zh) * | 2022-06-24 | 2024-04-12 | 荣耀终端有限公司 | 交互方法、可读存储介质和电子设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2022062949A1 (zh) | 2022-03-31 |
EP4092512A4 (en) | 2023-09-13 |
EP4092512A1 (en) | 2022-11-23 |
US20230342018A1 (en) | 2023-10-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP2252947B1 (en) | Acceleration of rendering of web-based content | |
KR102307163B1 (ko) | 크로스 플랫폼 렌더링 엔진 | |
US20180032229A1 (en) | Presenting visual indicators of hidden objects | |
KR101608183B1 (ko) | 향상된 창 상태를 이용한 디스플레이 영역의 배열 | |
KR101952983B1 (ko) | 콘텐트의 타일-기반 렌더링을 위한 방법 및 콘텐트를 렌더링하기 위한 시스템 | |
AU2014287956B2 (en) | Method for displaying and electronic device thereof | |
US20120056889A1 (en) | Alternate source for controlling an animation | |
US20060253795A1 (en) | System and method and application program interface for scrolling | |
AU2014324620A1 (en) | Pan and selection gesture detection | |
JP2015526777A (ja) | アプリケーションオブジェクトを呼び出すための方法、およびモバイル端末装置 | |
WO2013169517A1 (en) | User-resizable icons | |
JP2008523488A (ja) | 装置上でデジタルビジュアルコンテンツを閲覧するためのシステム及び方法 | |
US20190012821A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
US20110007096A1 (en) | Content display method, content display program, and content display device | |
KR20120093218A (ko) | 런타임 설정가능한 사용자 인터페이스 제어기를 위한 시스템 및 방법 | |
EP4180923A1 (en) | Method for adding annotations, electronic device and related apparatus | |
WO2018226989A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
EP4092512A1 (en) | Dynamic element control method, electronic device and computer-readable storage medium | |
JP6188530B2 (ja) | 文書管理システム、文書管理方法およびプログラム | |
CN112231029A (zh) | 应用于主题的帧动画处理方法 | |
WO2018204030A1 (en) | Personalizing perceivability settings of graphical user interfaces of computers | |
CN115439638A (zh) | 服装展示方法、装置、电子设备及存储介质 | |
CN115617442A (zh) | 应用图标处理方法、装置、电子设备及存储介质 | |
JP2012234493A (ja) | 表示制御装置、表示制御方法、及び、プログラム |
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 | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40069174 Country of ref document: HK |