CN110989880B - 一种界面元素处理方法、装置及可读存储介质 - Google Patents

一种界面元素处理方法、装置及可读存储介质 Download PDF

Info

Publication number
CN110989880B
CN110989880B CN201911164433.XA CN201911164433A CN110989880B CN 110989880 B CN110989880 B CN 110989880B CN 201911164433 A CN201911164433 A CN 201911164433A CN 110989880 B CN110989880 B CN 110989880B
Authority
CN
China
Prior art keywords
interface element
target
interface
attribute information
touch
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.)
Active
Application number
CN201911164433.XA
Other languages
English (en)
Other versions
CN110989880A (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.)
Zhuhai Baoqu Technology Co Ltd
Original Assignee
Zhuhai Baoqu Technology 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 Zhuhai Baoqu Technology Co Ltd filed Critical Zhuhai Baoqu Technology Co Ltd
Priority to CN201911164433.XA priority Critical patent/CN110989880B/zh
Publication of CN110989880A publication Critical patent/CN110989880A/zh
Application granted granted Critical
Publication of CN110989880B publication Critical patent/CN110989880B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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
    • 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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
    • 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)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种界面元素处理方法、装置及可读存储介质，该界面元素处理方法包括：终端设备在显示窗口中展示包括多个界面元素的目标应用界面，当检测到对该目标应用界面的触控操作时，可以根据触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素。进一步地，终端设备基于该触控位置更新目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对终端设备进行业务处理。采用这样的界面元素处理方法，可以提升应用界面的多样性从而提升终端设备的业务处理效果。

Description

一种界面元素处理方法、装置及可读存储介质
技术领域
本发明涉及计算机应用领域，尤其涉及一种界面元素处理方法、装置及可读存储介质。
背景技术
智能终端设备已成为当代人必不可少的生活用具，人们可以通过终端界面中界面元素对终端设备进行业务处理，例如解锁、启动应用程序和壁纸展示等。但是，每一款应用界面均由该应用的开发人员预先设定，因此应用界面中的界面较为单一，业务处理效果差。
发明内容
本发明实施例提供了一种界面元素处理方法、装置及可读存储介质，采用这样的界面元素处理方式，可以提升应用界面的多样性从而提升终端设备的业务处理效果。
第一方面，本发明实施例提供了一种界面元素处理方法，所述方法包括：
在所述显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；
当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；
基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理。
第二方面，本发明实施例提供了一种界面元素处理装置，该界面元素处理装置包括：
输出模块，用于在所述显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；
检测模块，用于当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；
处理模块，用于基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理。
第三方面，本发明实施例提供了一种终端设备，所述终端设备包括输入设备和输出设备，所述终端设备还包括处理器，适于实现一条或多条指令，所述一条或多条指令适于由所述处理器加载并执行上述第一方面所述的界面元素处理方法。
第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面所述的界面元素处理方法。
本申请实施例中，终端设备可以在显示窗口中展示包括多个界面元素的目标应用界面，当检测到用户对该目标应用界面的触控操作时，终端设备可以根据该触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素。进一步地，终端设备基于该触控位置更新目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对终端设备进行业务处理。采用这样的界面元素处理方法，可以提升应用界面的多样性，从而可以提升终端设备根据该应用界面进行的业务处理的效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种界面元素处理方法的流程示意图；
图2a是本发明实施例提供的一种应用界面的示意图；
图2b是本发明实施例提供的另一种应用界面的示意图；
图3是本发明实施例提供的另一种界面元素处理方法的流程示意图；
图4本发明实施例提供的又一种应用界面的示意图；
图5是本发明实施例提供的一种界面元素处理装置的结构示意图；
图6是本发明实施例提供的一种终端设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本申请中，终端设备接收用户针对目标应用界面的触控操作，并根据该触控操作对应的触控位置对目标应用界面中的界面元素的属性信息进行更新，采用这样的界面元素处理方法，提升应用界面的多样性，从而可以提升终端设备根据该应用界面进行的业务处理的效果。其中，该终端设备包括但不限于手机、平板电脑、笔记本电脑、台式电脑等终端。该触控操作可以为长按、点击、滑动、捏合、放大等。界面元素包括但不限于应用界面中的点、线、符号、图片等组成应用界面的元素。界面元素的属性信息包括但不限于位置信息、形状图案信息、形状图案的角度信息等。
请参见图1，是本发明实施例提供的一种界面元素处理方法的流程示意图，该方法可由终端设备执行，该终端设备包括显示窗口，该界面元素处理方法包括如下步骤：
S101：在显示窗口中展示目标应用界面，该目标应用界面包括多个界面元素。
终端设备在接收到针对该目标应用界面的启动指令(可以是自启动，或接收用户通过终端设备输入的触控指令)时，在终端界面的显示窗口中展示目标应用界面，该界面包括多个界面元素。该多个界面元素可以为同一种元素(图案、符号)等，也可以为不同种元素，在此不做具体限定。
在一个实施例中，终端设备获取该目标应用界面的界面尺寸，进一步地可以基于该界面尺寸，确定多个界面元素在目标应用界面中的位置信息。若终端设备接收到启动该目标应用界面的指令，则基于上述多个界面元素的位置信息展示该目标应用界面。
示例性地，界面元素为组成应用界面的顶点，终端设备获取到目标应用界面的界面尺寸为375×812像素(即5.8英寸)，采用随机算法根据该界面尺寸在应用界面中确定出100个不同的位置坐标，并相应地在应用界面中的100个位置坐标处分别添加顶点作为该应用界面的界面元素。进一步地，检测到用户输入的启动该目标应用界面的指令时，将展示该添加了100个顶点的应用界面。
S102：当检测到针对该目标应用界面的触控操作时，根据该触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素。
终端设备接收针对该目标应用界面的触控操作，检测该触控操作对应的触控位置，该触控位置可以为以显示窗口为坐标平面的位置坐标，也可以是该触控位置在应用界面中的相对位置。进一步地，终端设备可以根据该触控位置从多个界面元素中去确定出至少一个(一个或多个)目标界面元素。
在一个实施例中，终端设备获取上述多个界面元素中的各个界面元素的位置信息，并基于各个界面元素的位置信息，获取各个界面元素与所述触控位置的第一距离。进一步地，终端设备可以基于该第一距离从多个界面元素中确定至少一个目标界面元素。
可选地，终端设备可以将该第一距离满足第三条件的界面元素从多个界面元素中确定至少一个目标界面元素，或，将不满足第三条件的界面元素从多个界面元素中确定至少一个目标界面元素。其中第三条件为开发人员预先根据需求设定，后续可以根据实际情况调整，在此不做具体限定。
示例性地，目标应用界面如图2a所示，在第三条件为第一距离小于等于300像素时，终端设备以屏幕的左下角O点建立直角坐标系，终端设备获取到各个界面元素(点)的位置坐标，如点点/>点/>点/>在终端设备接收用户针对该目标界面的触控操作，检测到该触控操作对应的触控位置P的坐标为(Px,Py)，基于各个界面元素(点)的位置坐标和触控操作对应的触控位置P的坐标计算得到点1与触控位置P的第一距离为300像素，点2与触控位置P的第一距离为100像素，点3与触控位置P的第一距离为250像素，点4与触控位置P的第一距离为400像素。进一步地，终端设备将满足第三条件(即第一距离小于等于300像素)的点1、点2和点3确定为目标界面元素。
S103：基于该触控位置更新上述至少一个界面元素的属性信息，并根据更新后的至少一个界面元素的属性信息对该终端设备进行业务处理。
终端设备基于上述触控位置更新上述至少一个界面元素的属性信息，根据更新后的至少一个界面元素的属性信息确定该至少一个界面元素对应的组合元素图像，例如，由界面元素对应的圆形、方形等几何图形，利用该组合元素图像对终端设备进行业务处理。
在一个实施例中，界面元素的属性信息包括位置信息，针对这种情况，终端设备确定出至少一个目标界面元素后，终端设备可以控制该目标界面元素朝着靠近该触控位置的方向运动，或，控制目标界面元素朝着远离该触控位置的方向运动。当检测该目标界面元素与触控位置的距离满足第一条件时，控制该目标界面元素停止运动，并更新该目标界面元素的属性信息。其中，第一条件为开发人员预先根据界面元素的属性信息和目标应用界面的需求设定，后续可以根据实际情况调整，在此不做具体限定。
可选地，终端设备可以获取目标界面元素与控制触控位置的第一距离。若该第一距离大于第一预设阈值且小于第二预设阈值，则控制目标界面元素朝着靠近该触控位置的方向运动；若该第一距离小于第一预设阈值，则控制该目标界面元素朝着远离触控位置的方向运动。其中，第一预设阈值和第二预设阈值由开发人员根据实验数据测算得到，后期可根据实际需求更进行调整。
示例性地，终端设备接收针对目标应用界面的触控操作，如图2a所示，终端设备从多个界面元素中确定出目标界面元素点1、点2和点3，当第一预设阈值为200像素，第二预设阈值为300像素，第一条件为第一距离等于200像素时，由于点1与触控操作的触控位置P的第一距离为300像素，点2与触控位置P的第一距离为100像素，点3与触控位置P的第一距离为250像素，则终端设备控制点1和点3向着靠近触控位置P的方向运动，点2朝着远离触控位置P的方向运动，控制在各个点的第一距离等于200像素时停止运动，如图2b所示，各个目标界面元素停留在以触控位置P为圆心，半径为200像素的圆上。
在一个实施例中，界面元素为图案时，该界面元素属性信息包括图案角度信息、图案色彩信息，针对这种情况，终端设备确定出至少一个目标界面元素后，终端设备可以控制该目标界面元素进行旋转图案角度，和/或，改变图案色彩，在该目标界面元素的图案角度，和/或，图案色彩满足第一条件时，则控制该目标界面元素停止旋转图案角度，和/或，改变图案色彩，并更新该目标界面元素的属性信息。
本申请实施例中，终端设备可以在显示窗口中展示包括多个界面元素的目标应用界面，当检测到用户对该目标应用界面的触控操作时，终端设备可以根据该触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素。进一步地，终端设备基于该触控位置更新目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对终端设备进行业务处理。采用这样的界面元素处理方法，可以提升应用界面的多样性，从而可以提升终端设备根据该应用界面进行的业务处理的效果。
请参见图3，是本发明实施例提供的另一种界面元素处理方法的流程示意图，该界面元素处理方法包括如下步骤：
S301：获取目标应用界面的界面尺寸，基于该界面尺寸确定多个界面元素在目标应用界面中的位置信息，若接收到启动该目标应用界面的指令，则基于该多个界面元素的位置信息展示该目标应用界面。
在一个实施例中，该界面元素具有初速度，终端设备可以控制各个界面元素基于该初速度运动；检测各个界面元素之间的第二距离，若该第二距离满足第二条件，则在该目标应用界面中绘制与该第二距离对应的界面元素与界面元素之间的连接线。可选地，第二距离越小时，可以按线宽计算公式将该连接线的线条宽度设置越小，或对线宽计算公式进行修改，当第二距离越小时，按更改后的线宽计算公式将该连接线的线条宽度设置将越大，按透明度计算公式该连接线的透明度设置越低。第二条件为开发人员根据实验测试得到，后续可以根据实际需求调整。
例如，目标应用界面中的界面元素为顶点，第二条件为第二距离小于或者等于100像素，终端设备检测到目标应用界面中各个顶点的位置，若存在第二距离小于或等于100像素的情况，则在该目标应用界面中绘制与该第二距离对应的顶点与顶点之间的连接线，如图4所示。针对这种情况，该连接线的线宽计算公式可以为：
其中，LineWide为线宽，distance为第二距离，100为连接线的最长距离为100像素，2.0为第二距离为100像素时的最宽线宽。
例如，透明度计算公式可以为：
其中，Alpha为透明度，distance为第二距离，100为连接线的最长距离为100像素，1.0为第二距离为100像素时的最大透明度。
S302：当检测到针对该目标应用界面的触控操作时，根据该触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素。
S303：基于该触控位置更新上述至少一个界面元素的属性信息，并根据更新后的至少一个界面元素的属性信息对该终端设备进行业务处理。
其中，步骤S301-S303的具体实施方式可以参见上述实施例步骤S101-S103中相应的描述，此处不再赘述。
可选地，终端设备可以根据更新后的至少一个目标界面元素的属性信息，更新展示的目标应用界面；或，根据更新后的至少一个目标界面元素的属性信息，跳转至终端设备上与属性信息对应的应用界面。
在一个应用场景中，目标应用界面是终端设备安装的壁纸主体背景界面，终端设备可以采用本申请中技术方法更新后的至少一个目标界面元素的属性信息，更新展示的目标应用界面。例如，界面元素为构成该壁纸的顶点，采用随机算法确定各个顶点的颜色信息与位置信息，终端设备接收针对该壁纸的触控操作(长按或点击)，根据该触控操作对应的触控位置确定出目标顶点，并更新该目标顶点的属性信息，进一步地，根据该更新后的目标顶点的属性信息更新目标应用壁纸，如图2b所示，各个目标顶点组合为了以触控位置P圆心，半径为200像素的圆。采用这种界面元素处理方式，可以增加壁纸的多样性和交互性，提升壁纸的趣味性从而缓解用户的视觉疲劳。
在一个应用场景中，目标应用界面为控制终端设备应用启动或解锁的界面，针对这种情况，终端设备基于上述触控位置更新上述至少一个界面元素的属性信息，根据更新后的至少一个界面元素的属性信息确定该至少一个界面元素对应的组合元素图像，例如，由界面元素对应的圆形、方形等几何图形，并将所述组合元素图像与终端设备上的应用界面的关联图像进行匹配。若匹配成功，则终端设备跳转至该应用界面。采用这样的界面元素处理方式，可以增加该应用界面操作功能的多样化，从而提升该应用界面的业务处理能力和效果。
例如，终端设备安装有多个应用，利用本技术方案应用于解锁目标应用的操作界面。针对这种情况，终端设备获取该目标应用的密钥图案，并接收用户的触控操作。进一步地，终端设备可以根据该触控操作的触摸位置从多个应用中确定出目标应用，并根据该触控操作的时长来控制操作界面的界面元素组成图案，触摸操作结束时若该界面元素组成图案与该目标应用的密钥图案匹配成功，则终端设备跳转至该目标应用的界面(解锁界面或启动界面)。
在一个实施例中，在基于所述触控位置更新该至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对终端设备进行业务处理之后，若终端设备检测到针对该目标应用界面的触控操作结束，则控制所述目标界面元素以前述初速度运动。
本申请实施例中，终端设备获取目标应用界面的界面尺寸，基于该界面尺寸确定多个界面元素在目标应用界面中的位置信息，若接收到启动该目标应用界面的指令，则基于该多个界面元素的位置信息展示该目标应用界面。进一步地，当终端设备检测到针对该目标应用界面的触控操作时，根据该触控操作对应的触控位置从多个界面元素中确定至少一个目标界面元素，并基于该触控位置更新上述至少一个界面元素的属性信息，进而可以根据更新后的至少一个界面元素的属性信息对该终端设备进行业务处理。采用这样的界面元素处理方法，可以提升应用界面的多样性从而提升终端设备的业务处理效果。
基于上述方法实施例的描述，本发明实施例还提出了一种界面元素处理装置。请参见图5所示，该界面元素处理装置包括如下模块：
输出模块50，用于在所述显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；
检测模块51，用于当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；
处理模块52，用于基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理。
在一个实施例中，所述处理模块52在根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，更新展示的所述目标应用界面；或，
根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面。
在一个实施例中，所述处理模块52在根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，确定所述至少一个界面元素对应的组合元素图像；
将所述组合元素图像与所述终端设备上的应用界面的关联图像进行匹配；
若匹配成功，则跳转至所述应用界面。
在一个实施例中，所述处理模块52在所述显示窗口中展示目标应用界面时，具体还用于：
获取所述目标应用界面的界面尺寸；
基于所述界面尺寸，确定所述多个界面元素在所述目标应用界面中的位置信息；
若接收到启动所述目标应用界面的指令，则基于所述多个界面元素的位置信息展示所述目标应用界面。
在一个实施例中，所述处理模块52在根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素时，具体还用于：
获取所述多个界面元素中的各个界面元素的位置信息；
基于所述各个界面元素的位置信息，获取所述各个界面元素与所述触控位置的第一距离；
基于所述第一距离从所述多个界面元素中确定至少一个目标界面元素。
在一个实施例中，所述属性信息包括位置信息，所述处理模块52在基于所述触控位置更新所述至少一个目标界面元素的属性信息时，具体还用于：
控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动；
当检测所述目标界面元素与所述触控位置的距离满足第一条件时，控制所述目标界面元素停止运动，并更新所述目标界面元素的属性信息。
在一个实施例中，所述处理模块52在控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动时，具体还用于：
获取所述目标界面元素与所述控制触控位置的第一距离；
若所述第一距离大于第一预设阈值且小于第二预设阈值，则控制所述目标界面元素朝着靠近所述触控位置的方向运动；
若所述第一距离小于第一预设阈值，则控制所述目标界面元素朝着远离所述触控位置的方向运动。
在一个实施例中，所述界面元素具有初速度，所述处理模块52具体还用于：
控制所述各个界面元素基于所述初速度运动；
检测所述各个界面元素之间的第二距离；
若所述第二距离满足第二条件，则在所述目标应用界面中绘制与所述第二距离对应的界面元素与界面元素之间的连接线。
在一个实施例中，所述处理模块52在基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理之后，具体还用于：
若检测到针对所述目标应用界面的所述触控操作结束，则控制所述目标界面元素以所述初速度运动。
需要说明的是，本发明实施例所描述的界面元素处理装置的各模块的功能可根据图1或图3所述的方法实施例中的方法具体实现，其具体实现过程可以参照图1或图3方法实施例的相关描述，此处不再赘述。
基于上述方法实施例以及装置项实施例的描述，本发明实施例还提供一种终端设备。请参见图6，该终端设备可至少包括处理器601、输入设备602、输出设备603以及存储器604；其中，处理器601、输入设备602、输出设备603以及存储器604可通过总线或者其它连接方式进行连接。所述存储器604用于存储计算机程序，所述计算机程序包括程序指令，所述处理器601用于执行所述存储器604存储的程序指令。处理器601(或称CPU(CentralProcessing Unit，中央处理器))是终端设备的计算核心以及控制核心，其适于实现一条或多条指令，具体适于加载并执行一条或多条指令从而实现上述界面元素处理方法实施例中的相应方法流程或相应功能。其中，处理器601被配置调用所述程序指令执行：通过调用输出设备在所述显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理。
在一个实施例中，所述处理器601在根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，更新展示的所述目标应用界面；或，
根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面。
在一个实施例中，所述处理器601在根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，确定所述至少一个界面元素对应的组合元素图像；
将所述组合元素图像与所述终端设备上的应用界面的关联图像进行匹配；
若匹配成功，则跳转至所述应用界面。
在一个实施例中，所述处理器601在所述显示窗口中展示目标应用界面时，具体还用于：
获取所述目标应用界面的界面尺寸；
基于所述界面尺寸，确定所述多个界面元素在所述目标应用界面中的位置信息；
若接收到启动所述目标应用界面的指令，则基于所述多个界面元素的位置信息展示所述目标应用界面。
在一个实施例中，所述处理器601在根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素时，具体还用于：
获取所述多个界面元素中的各个界面元素的位置信息；
基于所述各个界面元素的位置信息，获取所述各个界面元素与所述触控位置的第一距离；
基于所述第一距离从所述多个界面元素中确定至少一个目标界面元素。
在一个实施例中，所述属性信息包括位置信息，所述处理器601在基于所述触控位置更新所述至少一个目标界面元素的属性信息时，具体还用于：
控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动；
当检测所述目标界面元素与所述触控位置的距离满足第一条件时，控制所述目标界面元素停止运动，并更新所述目标界面元素的属性信息。
在一个实施例中，所述处理器601在控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动时，具体还用于：
获取所述目标界面元素与所述控制触控位置的第一距离；
若所述第一距离大于第一预设阈值且小于第二预设阈值，则控制所述目标界面元素朝着靠近所述触控位置的方向运动；
若所述第一距离小于第一预设阈值，则控制所述目标界面元素朝着远离所述触控位置的方向运动。
在一个实施例中，所述界面元素具有初速度，所述处理器601具体还用于：
控制所述各个界面元素基于所述初速度运动；
检测所述各个界面元素之间的第二距离；
若所述第二距离满足第二条件，则在所述目标应用界面中绘制与所述第二距离对应的界面元素与界面元素之间的连接线。
在一个实施例中，所述处理器601在基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理之后，具体还用于：
若检测到针对所述目标应用界面的所述触控操作结束，则控制所述目标界面元素以所述初速度运动。
应当理解，在本发明实施例中，所称处理器601可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器601还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立a硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
该存储器604可以包括只读存储器和随机存取存储器，并向处理器601提供指令和数据。存储器604的一部分还可以包括非易失性随机存取存储器。例如，存储器604还可以存储设备类型的信息。该输入设备602可以包括触控板、指纹采传感器(用于采集用户的指纹信息)、麦克风、实体键盘等，输出设备603可以包括显示器(LCD等)、扬声器等。
具体实现中，本发明实施例中所描述的处理器601、存储器604、输入设备602和输出设备603可执行本发明实施例提供的图1或者图3所述的方法实施例所描述的实现方式，也可执行本发明实施例所描述的界面元素处理装置的实现方法，在此不再赘述。
在本发明的另一实施例中提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令被处理器执行时实现本发明实施例提供的图1或者图3所述的方法实施所描述的实现方式，所述计算机可读存储介质可以是前述任一实施例所述的终端设备的内部存储单元，例如终端设备的硬盘或内存。所述计算机可读存储介质也可以是所述终端设备的外部存储设备，例如所述终端设备上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述计算机可读存储介质还可以既包括所述终端设备的内部存储单元也包括外部存储设备。所述计算机可读存储介质用于存储所述计算机程序以及所述终端设备所需的其他程序和数据。所述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取可读存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。
其中，所述的可读存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。

Claims (18)

1.一种界面元素处理方法，其特征在于，所述方法应用于终端设备，所述终端设备包括显示窗口，所述方法包括：
在所述显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；所述界面元素具有初速度；
控制各个界面元素基于所述各个界面元素的初速度运动；检测所述各个界面元素之间的第二距离；若所述第二距离满足第二条件，则在所述目标应用界面中绘制与所述第二距离对应的界面元素与界面元素之间的连接线；
当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；
基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理。
2.根据权利要求1所述方法，其特征在于，所述根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理，包括：
根据更新后的至少一个目标界面元素的属性信息，更新展示的所述目标应用界面；或，
根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面。
3.根据权利要求2所述方法，其特征在于，所述根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面，包括：
根据更新后的至少一个目标界面元素的属性信息，确定所述至少一个目标界面元素对应的组合元素图像；
将所述组合元素图像与所述终端设备上的应用界面的关联图像进行匹配；
若匹配成功，则跳转至所述应用界面。
4.根据权利要求1所述方法，其特征在于，所述在所述显示窗口中展示目标应用界面，包括：
获取所述目标应用界面的界面尺寸；
基于所述界面尺寸，确定所述多个界面元素在所述目标应用界面中的位置信息；
若接收到启动所述目标应用界面的指令，则基于所述多个界面元素的位置信息展示所述目标应用界面。
5.根据权利要求1-4任一项所述方法，其特征在于，所述根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素，包括：
获取所述多个界面元素中的各个界面元素的位置信息；
基于所述各个界面元素的位置信息，获取所述各个界面元素与所述触控位置的第一距离；
基于所述第一距离从所述多个界面元素中确定至少一个目标界面元素。
6.根据权利要求5所述方法，其特征在于，所述属性信息包括位置信息，所述基于所述触控位置更新所述至少一个目标界面元素的属性信息，包括：
控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动；
当检测所述目标界面元素与所述触控位置的距离满足第一条件时，控制所述目标界面元素停止运动，并更新所述目标界面元素的属性信息。
7.根据权利要求6所述方法，其特征在于，所述控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动，包括：
若所述第一距离大于第一预设阈值且小于第二预设阈值，则控制所述目标界面元素朝着靠近所述触控位置的方向运动；
若所述第一距离小于第一预设阈值，则控制所述目标界面元素朝着远离所述触控位置的方向运动。
8.根据权利要求1所述方法，其特征在于，所述基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理之后，所述方法还包括：
若检测到针对所述目标应用界面的所述触控操作结束，则控制所述目标界面元素以所述初速度运动。
9.一种界面元素处理装置，其特征在于，所述界面元素处理装置包括：
输出模块，用于在显示窗口中展示目标应用界面，所述目标应用界面包括多个界面元素；所述界面元素具有初速度；
处理模块，用于控制各个界面元素基于所述各个界面元素的初速度运动；
检测模块，用于检测所述各个界面元素之间的第二距离；若所述第二距离满足第二条件，则处理模块，用于在所述目标应用界面中绘制与所述第二距离对应的界面元素与界面元素之间的连接线；
所述检测模块，还用于当检测到针对所述目标应用界面的触控操作时，根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素；
所述处理模块，还用于基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对终端设备进行业务处理。
10.根据权利要求9所述装置，其特征在于，所述处理模块在根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，更新展示的所述目标应用界面；或，
根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面。
11.根据权利要求10所述装置，其特征在于，所述处理模块在根据更新后的至少一个目标界面元素的属性信息，跳转至所述终端设备上与所述属性信息对应的应用界面时，具体还用于：
根据更新后的至少一个目标界面元素的属性信息，确定所述至少一个目标界面元素对应的组合元素图像；
将所述组合元素图像与所述终端设备上的应用界面的关联图像进行匹配；
若匹配成功，则跳转至所述应用界面。
12.根据权利要求9所述装置，其特征在于，所述处理模块在所述显示窗口中展示目标应用界面时，具体还用于：
获取所述目标应用界面的界面尺寸；
基于所述界面尺寸，确定所述多个界面元素在所述目标应用界面中的位置信息；
若接收到启动所述目标应用界面的指令，则基于所述多个界面元素的位置信息展示所述目标应用界面。
13.根据权利要求9-12任一项所述装置，其特征在于，所述处理模块在根据所述触控操作对应的触控位置从所述多个界面元素中确定至少一个目标界面元素时，具体还用于：
获取所述多个界面元素中的各个界面元素的位置信息；
基于所述各个界面元素的位置信息，获取所述各个界面元素与所述触控位置的第一距离；
基于所述第一距离从所述多个界面元素中确定至少一个目标界面元素。
14.根据权利要求13所述装置，其特征在于，所述属性信息包括位置信息，所述处理模块在基于所述触控位置更新所述至少一个目标界面元素的属性信息时，具体还用于：
控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动；
当检测所述目标界面元素与所述触控位置的距离满足第一条件时，控制所述目标界面元素停止运动，并更新所述目标界面元素的属性信息。
15.根据权利要求14所述装置，其特征在于，所述处理模块在控制所述目标界面元素朝着靠近所述触控位置的方向运动，或，控制所述目标界面元素朝着远离所述触控位置的方向运动时，具体还用于：
若所述第一距离大于第一预设阈值且小于第二预设阈值，则控制所述目标界面元素朝着靠近所述触控位置的方向运动；
若所述第一距离小于第一预设阈值，则控制所述目标界面元素朝着远离所述触控位置的方向运动。
16.根据权利要求9所述装置，其特征在于，所述处理模块在基于所述触控位置更新所述至少一个目标界面元素的属性信息，并根据更新后的至少一个目标界面元素的属性信息对所述终端设备进行业务处理之后，具体还用于：
若检测到针对所述目标应用界面的所述触控操作结束，则控制所述目标界面元素以所述初速度运动。
17.一种终端设备，其特征在于，包括处理器和存储器，所述处理器和所述存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-8任一项所述的方法。
18.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-8任一项所述的方法。
CN201911164433.XA 2019-11-22 2019-11-22 一种界面元素处理方法、装置及可读存储介质 Active CN110989880B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911164433.XA CN110989880B (zh) 2019-11-22 2019-11-22 一种界面元素处理方法、装置及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911164433.XA CN110989880B (zh) 2019-11-22 2019-11-22 一种界面元素处理方法、装置及可读存储介质

Publications (2)

Publication Number Publication Date
CN110989880A CN110989880A (zh) 2020-04-10
CN110989880B true CN110989880B (zh) 2023-12-26

Family

ID=70086478

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911164433.XA Active CN110989880B (zh) 2019-11-22 2019-11-22 一种界面元素处理方法、装置及可读存储介质

Country Status (1)

Country Link
CN (1) CN110989880B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111768465B (zh) * 2020-06-30 2023-07-25 深圳赛安特技术服务有限公司 连线生成方法及装置
CN114327335B (zh) * 2021-12-27 2024-04-02 珠海豹趣科技有限公司 一种界面处理方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107133336A (zh) * 2017-05-15 2017-09-05 在线途游（北京）科技有限公司 一种用户界面元素的切换展示方法和装置
CN107193440A (zh) * 2017-05-26 2017-09-22 珠海市魅族科技有限公司 一种界面展示方法及装置、计算机装置和可读存储介质
CN108079579A (zh) * 2017-12-28 2018-05-29 珠海市君天电子科技有限公司 一种图像处理方法、装置以及终端
CN109445898A (zh) * 2018-10-31 2019-03-08 维沃移动通信有限公司 一种应用程序图标生成方法及终端设备
CN109997348A (zh) * 2017-09-25 2019-07-09 华为技术有限公司 一种终端界面的显示方法及终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107133336A (zh) * 2017-05-15 2017-09-05 在线途游（北京）科技有限公司 一种用户界面元素的切换展示方法和装置
CN107193440A (zh) * 2017-05-26 2017-09-22 珠海市魅族科技有限公司 一种界面展示方法及装置、计算机装置和可读存储介质
CN109997348A (zh) * 2017-09-25 2019-07-09 华为技术有限公司 一种终端界面的显示方法及终端
CN108079579A (zh) * 2017-12-28 2018-05-29 珠海市君天电子科技有限公司 一种图像处理方法、装置以及终端
CN109445898A (zh) * 2018-10-31 2019-03-08 维沃移动通信有限公司 一种应用程序图标生成方法及终端设备

Also Published As

Publication number Publication date
CN110989880A (zh) 2020-04-10

Similar Documents

Publication Publication Date Title
US9823762B2 (en) Method and apparatus for controlling electronic device using touch input
US9633412B2 (en) Method of adjusting screen magnification of electronic device, machine-readable storage medium, and electronic device
WO2020082731A1 (zh) 电子装置、证件识别方法及存储介质
US20150063785A1 (en) Method of overlappingly displaying visual object on video, storage medium, and electronic device
CN110989880B (zh) 一种界面元素处理方法、装置及可读存储介质
TW201642115A (zh) 圖示調整方法、圖示調整系統與電子裝置
CN106815809B (zh) 一种图片处理方法和装置
CN112016502B (zh) 安全带检测方法、装置、计算机设备及存储介质
TW201310358A (zh) 用以利用積分梯度投影作臉部追蹤之方法與裝置
WO2022095318A1 (zh) 字符检测方法、装置、电子设备、存储介质及程序
JP2012203440A (ja) 情報処理装置、情報処理方法、およびプログラム
WO2024051639A1 (zh) 图像处理方法、装置、设备及存储介质和产品
CN111091083B (zh) 基于图像的人脸尺度计算方法、装置及电子设备
EP3309660B1 (en) Method for detecting input device, and detection device
CN112488054A (zh) 一种人脸识别方法、装置、终端设备及存储介质
CN112486616A (zh) 界面显示方法、界面显示装置、电子设备及存储介质
US9459779B2 (en) Image display apparatus, image enlargement method, and image enlargement program
CN109582269B (zh) 物理拼接屏显示方法、装置及终端设备
CN110162251B (zh) 图像缩放方法及装置、存储介质、电子设备
CN113703653A (zh) 图像处理方法、装置、设备和计算机可读存储介质
CN111461964A (zh) 图片处理方法、装置、电子设备和计算机可读介质
US9652878B2 (en) Electronic device and method for adjusting page
US9460119B2 (en) Information processing device, information processing method, and recording medium
KR102484386B1 (ko) 영상을 스케일링하는 전자 장치 및 그 동작 방법
CN110875875B (zh) 电子红包消息检测方法、检测装置及终端设备

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