CN117631926A - 一种元素处理方法、装置、终端、介质及程序产品 - Google Patents
一种元素处理方法、装置、终端、介质及程序产品 Download PDFInfo
- Publication number
- CN117631926A CN117631926A CN202210956695.5A CN202210956695A CN117631926A CN 117631926 A CN117631926 A CN 117631926A CN 202210956695 A CN202210956695 A CN 202210956695A CN 117631926 A CN117631926 A CN 117631926A
- Authority
- CN
- China
- Prior art keywords
- area
- interface
- interface element
- service interface
- enlarged
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 25
- 238000012545 processing Methods 0.000 claims abstract description 53
- 238000000034 method Methods 0.000 claims description 75
- 230000008569 process Effects 0.000 claims description 25
- 230000004913 activation Effects 0.000 claims description 22
- 230000003213 activating effect Effects 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 18
- 230000004044 response Effects 0.000 claims description 17
- 230000009471 action Effects 0.000 claims description 9
- 230000005236 sound signal Effects 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 32
- 230000003321 amplification Effects 0.000 description 14
- 238000003199 nucleic acid amplification method Methods 0.000 description 14
- 230000001960 triggered effect Effects 0.000 description 14
- 230000006870 function Effects 0.000 description 10
- 230000008859 change Effects 0.000 description 8
- 230000009286 beneficial effect Effects 0.000 description 7
- 239000011521 glass Substances 0.000 description 6
- 238000009434 installation Methods 0.000 description 5
- 238000009877 rendering Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000009182 swimming Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000012938 design process Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
技术领域
本申请涉及计算机技术领域,尤其涉及一种元素处理方法、一种元素处理装置、一种终端、一种计算机可读存储介质及一种计算机程序产品。
背景技术
电子产品(如智能手机、智能电脑或个人电脑等)凭借其智能且便于携带等优势,被人们广泛使用。经实践发现,通过电子产品的显示屏幕输出服务界面时,受到显示屏幕的屏幕尺寸小的限制,导致对象查看服务界面中的界面元素较为困难。因此,如何帮助对象更好的查看服务界面中的界面元素,成为研究热点话题。
发明内容
本申请实施例提供一种元素处理方法、装置、终端、介质及程序产品,能够通过服务界面中的放大区域,对服务界面中的界面元素进行放大显示。
一方面,本申请实施例提供了一种元素处理方法,该方法包括:
显示服务界面,服务界面中包括一个或多个界面元素;
在服务界面中显示放大区域,放大区域允许沿着任意形状的移动轨迹在服务界面中进行移动;以及,
在放大区域中对界面元素进行放大显示。
另一方面,本申请实施例提供了一种元素处理装置,该装置包括:
显示单元,用于显示服务界面,服务界面中包括一个或多个界面元素;
处理单元,用于在服务界面中显示放大区域,放大区域允许沿着服务界面的任意方向进行移动;以及,
处理单元,还用于在放大区域中对界面元素进行放大显示。
在一种实现方式中,处理单元,还用于:
响应于在服务界面中存在的激活操作,激活服务界面的放大区域;
其中,激活操作包括以下至少一种:针对放大选项的选中操作,音频信号输入操作,振动操作,以及,在服务界面中的任一显示位置执行的手势操作。
在一种实现方式中,处理单元用于在服务界面中显示放大区域时,具体用于:
响应于针对服务界面中的界面元素执行的拖拽操作,在服务界面中显示放大区域;
处理单元用于在放大区域中对界面元素进行放大显示时,具体用于:
在放大区域中,对被拖拽的界面元素进行放大显示。
在一种实现方式中,被拖拽的界面元素表示为可移动界面元素,处理单元,还用于:
根据拖拽操作将可移动界面元素从第一位置移动至第二位置的过程中,放大区域持续显示于服务界面中;
当拖拽操作在第二位置被取消时,在服务界面中取消显示放大区域。
在一种实现方式中,处理单元用于在服务界面中显示放大区域时,具体用于:
若在服务界面中存在触控焦点,则在服务界面中显示放大区域;
处理单元用于在放大区域中对界面元素进行放大显示时,具体用于:
在放大区域中,对触控焦点的关联界面元素进行放大显示。
在一种实现方式中,服务界面中的触控焦点包括以下至少一种:服务界面中的游动光标,服务界面中的输入光标,以及,服务界面中存在的触控操作的作用位置。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处;放大区域的移动方式包括:
若触控焦点在服务界面中进行移动,则控制放大区域跟随触控焦点的移动轨迹,在服务界面中进行变化。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处,包括:放大区域显示于触控焦点的关联界面元素所关联位置处;
放大区域与关联界面元素之间的显示位置关系,包括:
放大区域随机显示于关联界面元素的周围;或者,
放大区域与关联界面元素相邻,且放大区域和关联界面元素沿着同一方向排列显示,方向包括水平方向或竖直方向;或者,
放大区域覆盖显示于关联界面元素之上。
在一种实现方式中,放大区域显示于服务界面中的参考位置,放大区域的移动方式,包括:
响应于针对放大区域的移动操作,将放大区域沿着移动操作的移动轨迹,从参考位置转移至目标位置;
其中,目标位置是指:移动操作被取消时,移动操作在服务界面中的位置。
在一种实现方式中,服务界面中包括触控焦点,处理单元用于在放大区域中对界面元素进行放大显示时,具体用于:
根据触控焦点在服务界面中的位置变化,确定触控焦点的关联界面元素发生变化;
在放大区域内实时更新显示,放大后的触控焦点的关联界面元素。
在一种实现方式中,处理单元,还用于:
若在放大区域中存在针对所述关联界面元素的编辑操作,则在放大区域内放大显示,根据编辑操作更新后的关联界面元素;以及,
在服务界面中更新显示,根据编辑操作更新后的关联界面元素。
在一种实现方式中,处理单元,还用于:
若检测到针对放大区域的区域调整操作,则根据区域调整操作更新显示放大区域;
其中,放大区域的显示样式包括:圆形、矩形或多边形;区域调整操作包括以下至少一种:尺寸调整操作和旋转操作,尺寸调整操作用于调整放大区域的区域尺寸,旋转操作用于对放大区域进行旋转。
在一种实现方式中,服务界面中包括触控焦点,处理单元用于在放大区域中对界面元素进行放大显示时,具体用于:
根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示;以及,
对以触控焦点为中心的目标区域内,除关联界面元素之外的其他界面元素进行放大显示。
在一种实现方式中,处理单元用于根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示时,具体用于:
若放大后的关联界面元素的元素尺寸,小于或等于放大区域的区域尺寸,则在放大区域内完整显示放大后的关联界面元素;
若放大后的关联界面元素的元素尺寸,大于放大区域的区域尺寸,则在放大区域内放大显示,放大后的关联界面元素中位于以触控焦点为中心的目标区域内的部分元素内容。
在一种实现方式中,服务界面包括应用程序的服务界面,应用程序是免安装的应用程序,应用程序是指运行于客户端内的任一个应用程序;当应用程序运行于客户端内时,客户端与应用程序具备父子关系,客户端为应用程序的父程序,而应用程序为客户端的子程序。
在一种实现方式中,界面元素包括:图像、文本、富文本、链接、音视频、动画、图标以及表格。
另一方面,本申请实施例提供一种计算机可读存储介质,该计算机可读存储介质存储有计算机指令,该计算机程序适于由处理器加载并执行如上述的元素处理方法。
另一方面,本申请实施例提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。终端的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该终端执行上述的元素处理方法。
本申请实施例中,支持在服务界面中显示放大区域,该放大区域属于界面级别,即可用于对服务界面中的任一界面元素进行放大显示,这样目标对象(如任一具有对界面元素进行放大需求的对象)可通过服务界面中的放大区域,对放大后的界面元素进行查看;相比于通过屏幕尺寸固定的显示屏幕查看服务界面中的界面元素来说,能够实现对界面元素的放大显示,有利于目标对象查看界面元素,提升目标对象对服务界面的阅读体验,在一定程度上可提升服务页面的访问量。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a示出了本申请一个示例性实施例提供的一种服务界面中包括的界面元素的示意图;
图1b示出了本申请一个示例性实施例提供的一种服务界面中包括的界面元素,为可移动界面元素和不可移动界面元素的示意图;
图2示出了本申请一个示例性实施例提供的一种元素处理场景的示意图;
图3示出了本申请一个示例性实施例提供的一种元素处理方法的流程示意图;
图4示出了本申请一个示例性实施例提供的一种在目标终端的显示屏幕显示小程序的服务界面的示意图;
图5示出了本申请一个示例性实施例提供的一种对服务界面中的界面元素执行拖拽操作,以实现在服务界面中显示放大区域的示意图;
图6a示出了本申请一个示例性实施例提供的一种放大区域随机显示于界面元素的周围的示意图;
图6b示出了本申请一个示例性实施例提供的一种放大区域与界面元素相邻,且放大区域与界面元素沿着同一方向排列显示的示意图;
图6c示出了本申请一个示例性实施例提供的一种放大区域覆盖显示于界面元素之上的示意图;
图7a示出了本申请一个示例性实施例提供的一种top属性和left属性所指示的距离的示意图;
图7b示出了本申请一个示例性实施例提供的一种top属性和left属性的属性值均为0时,放大区域在服务界面中的显示的示意图;
图8a示出了本申请一个示例性实施例提供的一种在服务界面中不显示放大区域的示意图;
图8b示出了本申请一个示例性实施例提供的一种放大区域与界面元素相邻显示,且放大区域显示于界面元素的正上方位置,且放大区域与显示屏幕的任一边缘均不触碰的示意图;
图8c示出了本申请一个示例性实施例提供的一种放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的左侧边缘线的示意图;
图8d示出了本申请一个示例性实施例提供的一种放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的右侧边缘线的示意图;
图8e示出了本申请一个示例性实施例提供的一种放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的右侧边缘线的示意图;
图9示出了本申请一个示例性实施例提供的一种确定界面元素的元素尺寸的示意图;
图10示出了本申请一个示例性实施例提供的一种放大后的界面元素铺满整个放大区域的示意图;
图11a示出了本申请一个示例性实施例提供的一种放大后的目标界面元素的元素尺寸小于放大区域的区域尺寸时,在放大区域中对目标界面元素进行放大显示的示意图;
图11b示出了本申请一个示例性实施例提供的一种放大后的目标界面元素的元素尺寸大于放大区域的区域尺寸时,在放大区域对目标界面元素进行放大显示的示意图;
图12示出了本申请一个示例性实施例提供的一种页面背景图像相对于放大区域的运行方向的示意图;
图13示出了本申请一个示例性实施例提供的另一种元素处理方法的流程示意图;
图14示出了本申请一个示例性实施例提供的一种在服务界面中的指定位置处显示放大区域的示意图;
图15示出了本申请一个示例性实施例提供的一种对放大区域的显示位置进行调整的示意图;
图16a示出了本申请一个示例性实施例提供的一种对放大区域的区域尺寸进行调整的示意图;
图16b示出了本申请一个示例性实施例提供的一种对放大区域的摆放方向进行调整的示意图;
图17a示出了本申请一个示例性实施例提供的一种放大选项直接显示于服务界面的示意图;
图17b示出了本申请一个示例性实施例提供的一种在放大区域内放大显示,触控焦点的关联界面元素的示意图;
图18示出了本申请一个示例性实施例提供的一种间接显示放大区域的示意图;
图19示出了本申请一个示例性实施例提供的一种通过在服务界面中执行手势操作,触发显示服务界面的放大区域的示意图;
图20示出了本申请一个示例性实施例提供的一种在放大区域中对界面元素进行放大显示的示意图;
图21示出了本申请一个示例性实施例提供的一种在放大区域内编辑界面元素的示意图;
图22示出了本申请一个示例性实施例提供的一种元素处理装置的结构示意图;
图23示出了本申请一个示例性实施例提供的一种终端的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
下面先对本申请实施例涉及的技术术语和概念进行简单介绍。
1)服务界面,是在终端的显示屏幕(或简称为显示屏)中显示的页面。具体地,终端设备的显示屏幕中输出的服务界面,可以是系统级界面或应用级界面。其中:
系统级界面可是指由终端部署的操作系统所提供的界面。系统级界面可包括但不限于:终端的系统配置界面,该系统配置界面用于配置终端的系统信息(如信息、振动效果、关机时间或图标分布等信息)。或者,终端的桌面界面,该桌面界面中显示有部署于终端中的各个客户端和/或工具的图标;此处的客户端是指通过下载安装包运行在终端中,需要与服务器互相配合运行的程序;此处的工具可是指由终端提供的窗口小工具,包括但不限于:天气小工具、时间工具或备忘录工具等等。
应用级界面可是指由终端中运行的应用程序提供的界面。应用程序是指为完成某项或多项特定工作的计算机程序;按照不同维度(如应用程序的运行方式、功能等)对应用程序进行归类,可得到同一应用程序在不同维度下的类型。其中:按照应用程序的运行方式分类,应用程序可包括但不限于:①客户端,如前述所描述的,客户端(又可称为应用客户端、APP客户端)是指安装并运行在终端中的应用程序,其需要与服务器配合运行,为目标对象提供本地服务。②应用程序是免安装的应用程序,即无需下载安装即可使用的应用程序,具体是指运行于客户端内的任一个应用程序;当应用程序运行于客户端内时,客户端与应用程序具备父子关系,客户端为应用程序的父程序,而应用程序为客户端的子程序;这种无需安装的应用程序又俗称小程序,它通常作为子程序运行于客户端中。③应用程序还可以是指通过浏览器打开的web应用程序,该web应用程序是一种需要通过互联网进行访问的程序,相比于客户端而言,无需下载安装包,只需要通过浏览器即可实现对web应用程序的访问;等等。
可以理解的是,上述给出的系统级界面和应用级界面均为示例性的,本申请实施例并不对所有服务界面进行穷举。为便于阐述,后续以服务界面包括应用程序的服务界面,具体包括免安装应用程序(即小程序)提供服务界面为例,进行介绍,特在此说明。
2)界面元素,是指服务界面所包含的界面内容。按照不同维度对界面元素进行分类,可以得到同一界面元素在不同维度下的类型;其中:①按照界面元素的元素种类进行分类,服务界面中包括的界面元素可包括但不限于:图像、文本、富文本、链接、音视频、动画、图标以及表格等类型,本申请实施例服务界面中包括的界面元素的种类和数量不作限定;如图1a所示,该服务界面中包括的界面元素包括:图像101、文本102以及链接103等。②按照界面元素的可移动权限进行分类,服务界面中包括的界面元素可包括:不可移动界面元素和可移动界面元素;所谓不可移动界面元素可是指:在服务界面中的显示位置、显示尺寸和显示样式均是固定的,不可发生变化的界面元素;所谓可移动界面元素可是指:在服务界面中的显示位置、显示尺寸和/或显示样式是可以发生变化的界面元素。如图1b所示的,服务界面中被配置显示于服务界面的顶部位置的界面元素“文本102”的显示位置不可被移动,则该文本102属于不可移动界面元素;反之,图像101在服务界面中的显示位置可以发生变化,如从服务界面的顶部位置移动至底部位置,则该图像101属于可移动界面元素。
不难理解的是,上述只是本申请实施例给出的两种示例性的界面元素的划分维度,在其他划分维护场景下,同一界面元素还可以被分为不同类型;本申请实施例对具体采用哪种划分维度对界面元素进行分类不作限定,在此说明。
在实际应用中,终端的显示屏幕的屏幕尺寸是有限的,在屏幕尺寸有限,且服务界面中的界面元素的较小(如文本的字体较小,或图像的宽高较小等)时,往往会导致目标对象难以查看或编辑服务界面中的界面元素,从而降低目标对象对服务界面的使用效率(如编辑效率或阅读效率),降低目标对象的体验。
基于此,本申请实施例提供一种元素处理方案,该元素处理方案的大致原理可包括:在终端的显示屏幕中显示服务界面,服务界面中包括一个或多个界面元素;在目标对象具有对服务界面中的界面元素进行放大的需求时,可以激活服务界面的放大区域,服务界面中的放大区域可以表现为一个放大镜的形式,该放大镜是界面级别的放大镜,且该放大镜允许在服务界面中进行任意移动,如沿着任意形状的移动轨迹进行移动。这样可采用该放大镜对服务界面中的任一界面元素进行放大显示,以帮助目标对象在难以查看全部或部分界面元素时,能够采用放大镜对待放大的界面元素进行放大,有利于目标对象更好地查看或编辑服务界面,提升对服务界面的使用效率,提高目标对象的使用体验,提升对象粘性。
本申请实施例提供的元素处理方案可以由目标终端(如任一终端)来执行,具体可由目标终端中部署的放大工具来实现,该放大工具可是指具有实现本申请实施例提供的元素放大功能的控件或组件,目标终端中的任一服务界面只要接入了放大工具接口API,即可调用放大工具对该任一服务界面所包含的界面元素进行放大显示;为便于阐述,后续以目标终端来执行本申请实施例提供的元素处理方案为例,对元素处理方案进行阐述。其中,上述提及的目标终端可包括但不限于:智能手机(如Android手机、iOS手机等)、平板电脑、便携式个人计算机、移动互联网设备(Mobile Internet Devices,简称MID)、智能电视、车载设备、头戴设备等可以进行触屏的智能设备,本申请实施例并不对目标终端的类型进行限定;目标终端包括显示屏,该显示屏可以是物理屏、触摸屏等等,显示屏可称为终端屏幕、显示屏幕等等。
为便于理解本申请实施例提供的元素处理方案,下面结合图2给出一种示例性的在服务界面中采用放大区域放大显示界面元素的示意图。如图2所示,在目标终端201的显示屏幕中显示有服务界面,该服务界面可以为客户端中运行的任一小程序提供的服务界面,如小程序为合同小程序,那么该服务界面可以为合同界面。然后,在服务界面中可显示放大区域202,该放大区域202可表现为一个圆形的放大镜,并由目标对象控制放大区域202对待放大的界面元素进行放大显示。
其中,放大区域202在服务界面中显示的触发条件可包括但不限于:
可选的,目标对象可以先在服务界面中执行激活操作,以激活服务界面的放大区域202,并在目标对象具有对界面元素的放大需求时,再在服务界面中显现放大区域202,以便于采用放大区域202对待放大的界面元素进行放大显示。
可选的,在触发显示服务界面时,就自动激活放大区域202,这样在目标对象具有对界面元素的放大需求时,再在服务界面中显现放大区域202,以便于采用放大区域202对待放大的界面元素进行放大显示。或者,在触发显示服务界面时,就自动激活放大区域202,并在服务界面中同步显现出放大区域202,以提示目标对象服务界面中的放大区域202已激活,这样在目标对象具有对界面元素的放大需求时,可直接采用放大区域202对界面元素进行放大显示。
可选的,当目标对象具有对服务界面中的可移动界面元素的放大显示需求时,可在服务界面中对该可移动界面元素执行拖拽操作,此时激活并显示服务界面的放大区域202,以便于采用放大区域202对可移动界面元素进行放大显示。
通过上述方案,可实现在服务界面中激活放大区域,并采用放大区域对服务界面中的任一界面元素进行放大显示,有利于目标对象对服务界面中的尺寸较小的一些界面元素的查看或编辑,提高对服务界面的使用效率,提升目标对象的使用体验。当然,本申请实施例对放大区域202在服务界面中的显现的触发条件不作限定,在此说明。
需要说明的是,本申请实施例运用到具体产品或技术中时,如目标对象通过目标终端打开服务界面时,需要获得服务界面所属文档的创建者的许可或者同意;且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准,如服务界面中包括的界面元素的类型需要遵循相关国家和地区的相关法律法规和标准。
基于上述描述的元素处理方案,本申请实施例提出更为详细的元素处理方法,下面将结合附图对本申请实施例提出的元素处理方法进行详细介绍。
图3示出了本申请一个示例性实施例提供的一种元素处理方法的流程示意图;该元素处理方法可以由目标终端来执行,该元素处理方法可包括但不限于步骤S301-S303:
S301:显示服务界面。
由前述描述可知,目标终端的显示屏幕中显示的服务界面可以包括应用程序提供的服务界面,此处的应用程序可以是免安装的小程序。一种示例性的通过目标终端的显示屏幕显示小程序的服务界面的示意图可参见图4;如图4所示,假设客户端的小程序界面401中包括一个或多个小程序入口(或图标、标识等),如文档小程序4011、音乐小程序4012、游戏小程序4013或视频小程序4014等小程序的入口。当文档小程序4011的入口被触发时,表示目标对象想要使用文档小程序,则可在显示屏幕中的打开并显示小程序的服务界面402,如该服务界面402为合同文档的界面,该服务界面402中可包括与合约相关的界面元素,如文本4021或输入框4022等。
应当理解的是,根据服务界面所属应用程序的类型不同,以及服务界面所包含内容的不同,在目标终端中触发显示服务界面的触发路径和方式也不相同;上述只是以服务界面包括小程序提供的服务界面,且服务界面为合同文档的服务界面为例进行阐述的,本申请实施例对触发显示服务界面的方式不作限定,特在此说明。
S302:在服务界面中显示放大区域。
其中,放大区域可是指:支持对服务界面中的界面元素进行放大显示的区域;该放大区域的显示样式可以包括但不限于:圆形、矩形或多边形等,还可以表现为放大镜的样式等,本申请实施例对放大区域的显示样式不作限定。该放大区域是作为界面级别的放大区域,即该放大区域可用于对服务界面中的任一界面元素进行放大显示,而不是只能针对服务界面中的部分界面元素进行放大显示。
本申请实施例支持在服务界面中检测到针对可移动界面元素的拖拽操作时,在服务界面中激活并显示放大区域。具体实现中,如果目标对象具有放大显示服务界面中的界面元素的需求,则目标对象可以对待放大的界面元素执行拖拽操作,此时目标终端响应于目标对象在服务界面中针对待放大的界面元素的拖拽操作,在服务界面中显示放大区域。其中:①拖拽操作也称为拖动操作、滑动操作或移动操作等等,具体可包括:按压服务界面中的任一显示位置,并持续拖动的过程;在服务界面中执行拖拽操作时,在服务界面中被按压的连续多个显示位置连接成拖拽操作的拖拽轨迹。②正如前述所描述的,本申请实施例提供的服务界面中可包括可移动界面元素,即支持在服务界面中对该可移动界面元素进行移动,以改变可移动界面元素的显示位置;那么上述提及的拖拽操作所作用的待放大的界面元素可是指服务界面中的可移动界面元素,当然,上述提及的拖拽操作所作用的待放大的界面元素也可以是不可移动界面元素,本申请实施例对此不作限定。
在待放大的界面元素为可移动界面元素的情况下,假设根据目标对象在服务界面中执行的拖拽操作,将可移动界面元素从第一位置移动至第二位置,第一位置和第二位置可以是服务界面中的不同显示位置;那么在根据拖拽操作将可移动界面元素从第一位置移动至第二位置的过程中,放大区域可以持续显示于服务界面中,也就是说,只要服务界面中存在拖拽操作,那么放大区域可以保持持续显示,如放大区域跟随拖拽轨迹移动且持续显示,或者放大区域显示在服务界面中的固定位置。当拖拽操作在第二位置被取消时,如在第二位置释放拖拽操作时,可在服务界面中取消显示放大区域,表示目标对象欲结束对可移动界面元素的放大显示。上述过程中,通过在放大区域中实时放大显示可移动界面元素,可实现将可移动界面元素移动至第二位置时,通过放大区域中放大显示的可移动界面元素直观地帮助目标对象,将可移动界面元素与第二位置处的其他界面元素(如文本或边框线等界面元素)进行对齐,可避免可移动界面元素的显示位置被目标对象的手指遮挡,不仅提高界面元素对齐效率,而且提高对齐准确性。
一种示例性的通过对服务界面中的界面元素执行拖拽操作,以实现在服务界面中显示放大区域的示意流程可参见图5。如图5所示,假设目标对象想要将服务界面中的可移动界面元素501从第一位置移动至第二位置,且需要与第二位置处的其他界面元素(如输入栏502)进行对齐,那么目标对象可以对可移动界面元素501执行拖拽操作,此时可在服务界面中显示放大镜503(即放大区域),并在该放大区域中放大显示可移动界面元素501。在将可移动界面元素501从第一位置移动至第二位置的过程中,除了在放大镜503中对可移动界面元素501进行放大显示外,还可以对实时的拖拽操作所关联区域内的其他界面元素进行放大显示,如根据拖拽操作将可移动界面元素501拖拽至第二位置处时,可在放大镜503中放大显示第二位置处的输入栏502,这样有利于目标对象通过观察放大区域内已放大的输入栏502,实现将可移动界面元素501与输入栏502进行对齐,提高界面元素的对齐效率,以及提升目标对象的对齐体验。
进一步的,放大区域在服务界面中的显示位置可以如图5所示的,在可移动界面元素501的关联位置处显示放大区域,这样便于目标对象在关注点(即拖拽操作)处直观地看到放大后的可移动界面元素。换句话说,本申请实施例支持将放大区域显示于服务界面中的触控焦点所关联的位置处,具体可将放大区域显示于服务界面中的触控焦点的关联界面元素所关联位置处,用于放大显示关联界面元素。其中,触控焦点用于指示目标对象在服务界面中的关注点;在拖拽界面元素的场景下,触控焦点在服务界面中的位置可是指拖拽操作在服务界面中作用位置;同理,触控焦点的关联界面元素,可是指在拖拽操作所拖拽的界面元素(如可移动界面元素)。需要说明的是,在不同应用场景中,服务界面中的触控焦点还可以发生变化,具体内容在后续实施例中给出,在此不作详细描述。
本申请实施例提供的放大区域还允许在服务界面中进行任意移动,如沿着任意形状的移动轨迹在所述服务界面中进行移动。例如,支持放大区域的显示位置跟随触控焦点的移动轨迹进行移动,以实现在服务界面中常驻显示放大区域。具体实现中,若控制触控焦点在服务界面中进行移动,则控制放大区域跟随触控焦点的移动轨迹,在服务界面中进行移动,如触控焦点的移动轨迹的移动形状为S形,则放大区域跟随移动轨迹进行移动时呈现的移动形状也为S形。这样有利于目标对象可以在其关注点位置处实时通过放大区域查看到放大显示的界面元素,便于目标对象直观地看到被放大显示的界面元素,提升对象体验。继续参见如图5,在拖拽可移动界面元素的场景中,服务界面中的触控焦点为拖拽操作在可移动界面元素上的作用位置,触控焦点的关联界面元素为可移动界面元素,将放大区域显示于可移动界面元素的上方,在根据拖拽操作控制可移动界面元素在服务界面中进行移动的过程中,放大区域可以跟随拖拽操作的拖拽轨迹在服务界面中进行移动。
正如前述所描述,支持将放大区域显示于服务界面中的触控焦点所关联的位置处,具体可是将放大区域显示于服务界面中的触控焦点的关联界面元素所关联位置处。下面以放大区域显示于触控焦点的关联界面元素所关联位置处为例,对放大区域与触控焦点的关联界面元素之间的显示位置关系进行示例性说明,该显示位置关系可包括但不限于:
①放大区域随机显示于触控焦点的关联界面元素的周围。如图6a所示的,放大区域601可显示于界面元素602的右上角或右下角等。②放大区域与触控焦点的关联界面元素相邻,且放大区域和触控焦点的关联界面元素沿着同一方向排列显示,该方向包括水平方向或竖直方向。如图6b所示,放大区域601与界面元素602之间可沿着竖直方向排列显示,如放大区域601与界面元素602之间相邻,且放大区域601沿着竖直方向显示于界面元素602的下方或上方;或者,放大区域601与界面元素602相邻,且放大区域601显示于界面元素602的左侧。③放大区域覆盖显示于触控焦点的关联界面元素之上,即放大区域可覆盖显示于界面元素之上,这样只能通过放大区域看到界面元素。如图6c所示,放大区域601覆盖显示在界面元素602之上,在放大区域601中显示有放大后的界面元素602。
需要说明的是,上述只是本申请实施例给出的几种示例性的放大区域和触控焦点的关联界面元素之间的显示位置关系;在实际应用中,放大区域和关联界面元素之间的显示位置关系还可以发生变化,本申请实施例对此不作限定。
另外,考虑到目标终端的显示屏幕的屏幕尺寸是有限的,因此,在根据拖拽操作控制可移动界面元素在服务界面中移动的过程中,放大区域相对于要放大的界面元素(如可移动界面元素),在服务界面中的显示位置受到可移动界面元素的显示位置的控制。具体地,在根据拖拽操作控制可移动界面元素在服务界面中移动时,需要实时检测可移动界面元素的显示位置,以便于根据可移动界面元素的显示位置设置放大区域在服务界面中的显示位置。
具体实现中,支持设置界面元素的display属性、top属性和left属性,并根据这三种属性控制放大区域的显现、隐藏以及显示位置。其中:display属性用于控制放大区域在服务界面中处于显现状态还是隐藏状态,当display属性的属性值为flex时,表示在服务界面中将放大区域设置为显现状态,即在服务界面中显示放大区域,当display属性的属性值为none时,表示在服务界面中将放大区域设置为隐藏状态,即在服务界面中不显示放大区域。top属性可是指放大区域的顶部位置和可移动界面元素的顶部位置之间的距离(如图7a所示的第一幅图中的距离701)的属性。left属性可是指放大区域的左边缘位置和可移动界面元素的左边缘位置之间的距离(如图7a所示的第二幅图中的距离702)的属性。
举例来说,假设设置display属性的属性值为flex,top属性的属性值为0,以及left属性的属性值为0,表示在服务界面中将放大区域设置为显现状态,且放大区域的顶部位置和待放大的界面元素的顶部位置之间的距离为0,且放大区域的左边缘位置与待放大的界面元素的左边缘位置之间的距离为0,则放大区域和待放大的界面元素在服务界面中的显示位置关系和显示位置可参见图7b。如图7b所示,放大区域的顶部位置和待放大的界面元素的顶部位置重合,且放大区域的左边缘位置和待放大的界面元素的左边缘位置重合,即放大区域和待放大的界面元素之间的显示位置关系为:放大区域覆盖显示于待放大的界面元素之上。
为便于阐述,本申请实施例以放大区域和触控焦点的关联界面元素之间的显示位置关系为:放大区域与关联界面元素相邻,且放大区域与关联界面元素沿着竖直方向排列显示为例,如图6b所示,对界面元素的display属性、top属性和left属性的属性值的设置参数进行介绍;其中:
(1)在服务界面中不显示放大区域,如图8a所示。此实现方式下,需设置界面元素的display属性的属性值为none,top属性的属性值为0和left属性的属性值为0,表示在服务界面中将放大区域设置为隐藏状态,那么top属性的属性值和left属性的属性值设置为任一数值均可以。
(2)放大区域与界面元素相邻显示,且放大区域显示于界面元素的正上方位置,且放大区域与显示屏幕的任一边缘均不触碰。此实现方式下,需要设置界面元素的display属性的属性值为flex,top属性的属性值为:放大区域的顶部位置和底部位置之间的目标距离(如放大区域为圆形,那么top属性的属性值为圆的直径),以及,left属性的属性值为:(界面元素的宽度-目标距离(如圆形放大镜的直径))/2,表示将放大区域与界面元素相邻显示,且放大区域显示于界面元素的正上方位置。这种将放大区域显示于界面元素的正上方的示意图可参见图8b;如图8b所示,假设放大区域的直径为150像素(px),且放大区域显示于界面元素的上方,则top属性的属性值可设置为-150px,该负号“-”用于表示放大区域显示于界面元素的上方,同理,若top属性的属性值可设置为150px,表示放大区域显示于界面元素的下方;当然,负号“-”也可以定义为放大区域显示于界面元素的下方,本申请实施例对此不作限定。
(3)放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的左侧边缘线。此实现方式下,需要设置界面元素的display属性的属性值为flex,top属性的属性值为:放大区域的顶部位置和底部位置之间的目标距离(如放大区域为圆形,那么top属性的属性值为圆的直径),以及,left属性的属性值为:-界面元素的左上角坐标,表示放大区域与界面元素相邻,且放大区域的左边缘与显示屏幕的左侧边缘相邻,此时即使界面元素继续被往左侧拖拽,但放大区域并不会继续往左侧移动,而是保持与显示屏幕的左侧边缘相邻显示。这种放大区域触碰到显示屏幕的左边缘进行显示的界面示意图可参见图8c,如图8c所示,根据向左移动的拖拽操作,刚刚将放大区域与显示屏幕的左边缘相邻时,放大区域位于界面元素的正上方;当根据拖拽操作继续控制界面元素向左侧移动时,放大区域保持显示在界面元素的上方,且与显示屏幕的左边缘相邻的显示位置,以便于通过放大区域的显示位置的不变,提示目标对象界面元素即将移动至显示屏幕的左边缘。
(4)放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的右侧边缘线。此实现方式下,需要设置界面元素的display属性的属性值为flex、top属性的属性值为:放大区域的顶部位置和底部位置之间的目标距离(如放大区域为圆形,那么top属性的属性值为圆的直径),以及,left属性的属性值为:界面宽度-目标距离(如圆形放大镜的直径)-界面元素的左上角坐标,表示放大区域与界面元素相邻,且放大区域的右边缘与显示屏幕的右侧边缘相邻,此时即使界面元素继续被往右侧拖拽,但放大区域并不会继续往右侧移动,而是保持与显示屏幕的右侧边缘相邻显示。这种放大区域触碰到显示屏幕的右边缘进行显示的界面示意图可参见图8d,如图8d所示,根据向右移动的拖拽操作,刚刚将放大区域与显示屏幕的右边缘相邻时,放大区域位于界面元素的正上方;当根据拖拽操作继续控制界面元素向右侧移动时,放大区域保持显示在界面元素的上方,且与显示屏幕的右边缘相邻的显示位置,以便于通过放大区域的显示位置的不变,提示目标对象界面元素即将移动至显示屏幕的右边缘。
(5)放大区域与界面元素相邻,且放大区域被拖拽至显示屏幕的右侧边缘线。此实现方式下,需要设置界面元素的设置display属性的属性值为flex、top属性的属性值为:-界面元素的顶部位置与放大区域的顶部位置之间的距离,以及,left属性的属性值为:(界面元素的宽度-目标距离(如圆形放大镜的直径))/2,表示放大区域与界面元素相邻,且放大区域的顶部位置与显示屏幕的顶部边缘相邻,此时即使界面元素继续被往上拖拽,但放大区域并不会继续往上移动,而是保持与显示屏幕的顶部边缘相邻显示。这种放大区域触碰到显示屏幕的顶部边缘进行显示的界面示意图可参见图8e,如图8e所示,根据向上移动的拖拽操作,刚刚将放大区域与显示屏幕的顶部边缘相邻时,放大区域位于界面元素的正上方;当根据拖拽操作继续控制界面元素向上移动时,放大区域开始逐渐覆盖显示于界面元素之上,且保持与显示屏幕的顶部边缘相邻。
需要说明的是,在实际开发设计过程中,还可能设置其他属性来设置放大区域和界面元素之间的相对位置,本申请实施例对此不作限定。
S303:在放大区域中对界面元素进行放大显示。
基于前述步骤S301-S302所示的具体实施过程,可通过在服务界面中对界面元素执行拖拽操作,实现激活并显示放大区域,该放大区域用于对服务界面中的界面元素进行放大显示。具体实现中,放大区域除支持对触控焦点的关联界面元素进行放大显示外,还支持以触控焦点为中心的目标区域内除关联界面元素之外的其他界面元素,进行放大显示。也就是说,本申请实施例支持通过放大区域,对目标对象所关注的关联界面元素进行放大显示,以及,对关联界面元素所在显示位置处周围的其他界面元素进行放大显示。例如,关联界面元素显示于背景界面元素之上,那么通过放大区域对关联界面元素进行放大显示时,一并在放大区域中放大显示,以关联界面元素所在显示位置为中心的目标区域内的部分的背景界面元素,以实现通过放大区域直观地告知目标对象,目标界面元素与其周围界面元素之间的显示位置关系,便于目标对象按照需求执行相应操作(如元素对齐操作等)。
下面对放大区域内放大显示的具体内容的放大过程进行简单介绍,其中:
1)在放大区域中放大显示触控焦点的关联界面元素。可以理解的是,服务界面中的界面元素是具有元素尺寸的,如界面元素“图像”的元素尺寸往往是大于界面元素“文本”的元素尺寸。其中,服务界面中的界面元素的元素尺寸可以是根据界面元素所在区域的控件的尺寸确定的;如图9所示,配置的界面元素为文本界面元素“XX文档”时,将界面元素所在区域设置为一个矩形控件901,并将界面元素显示于矩形控件901之上,这样在服务界面中渲染界面元素时,可以只渲染界面元素,使得界面元素显现在服务界面中,隐藏矩形控件901,但界面元素和矩形控件901仍然是一个整体。
在界面元素的元素尺寸较大时,如界面元素放大后的元素尺寸大于放大区域的区域尺寸时,放大后的界面元素可能铺满整个放大区域,导致放大后的界面元素并不能被完整的放大显示。如图10所示,界面元素1001为图像,当对该界面元素1001放大时,将放大后的界面元素1001的中心位置显示于放大区域的中心位置时,放大后的界面元素1001铺满整个放大区域,但界面元素1001还存在部分子元素未被放大显示在放大区域中,导致界面元素放大不完全,在目标对象想要放大的内容为界面元素1001中未被放大部分(如图像中的文本“XXXXXX”)时,不能实现对界面元素的有效放大。
基于此,本申请实施例支持根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示,实现对关联界面元素的有效放大。具体实现中,若放大后的关联界面元素的元素尺寸,小于或等于放大区域的区域尺寸,则在放大区域内完整显示放大后的关联界面元素。一种示例性的放大后的关联界面元素的元素尺寸,小于放大区域的区域尺寸时,在放大区域中对关联界面元素进行放大显示的示意图可参见图11a;如图11a所示,关联界面元素1101放大后的元素尺寸小于放大区域的区域尺寸,此时触控焦点位于该关联界面元素1101的任一位置(如关联界面元素的右侧边缘)时,在放大区域中支持将关联界面元素1101的中心位置和放大区域的中心位置进行重合,并在放大区域中放大显示完整的关联界面元素1101。
反之,若放大后的关联界面元素的元素尺寸,大于放大区域的区域尺寸,则在放大区域内放大显示,放大后的关联界面元素中位于以触控焦点为中心的目标区域内的部分元素内容,以实现自适应放大显示关联界面元素。一种示例性的放大后的关联界面元素的元素尺寸,大于放大区域的区域尺寸时,在放大区域对关联界面元素进行放大显示的示意图可参见图11b。如图11b所示,关联界面元素1102放大后的元素尺寸小于放大区域的区域尺寸,此时触控焦点位于该关联界面元素1102的任一位置(如关联界面元素的右上角位置)时,支持将以关联界面元素1102的右上角位置为中心的目标区域内的关联界面元素1102的部分元素内容进行放大显示。
在后台实现中,本申请实施例支持设置界面元素的scale属性,margin-left属性以及margin-top属性,并根据这三种属性控制界面元素的放大倍数、和放大区域中放大后的界面元素的偏移,所谓对界面元素的偏移可是指在放大区域中显示以触控焦点为中心的部分界面元素,如图11b所示的。其中:scale属性用于控制界面元素在放大区域中的放大倍数,如scale属性的属性值为3,表示对界面元素放大3倍,并将放大后的界面元素显示于放大区域内;scale属性的属性值可以开发人员预先设定的,或者由目标对象根据视力需求自定义设置的,本申请实施例对此不作限定。margin-left属性的属性值和margin-top属性的属性值,用于在根据拖拽操作对界面元素进行移动的过程中,确定界面元素的偏移,以实现放大后的界面元素始终显示于放大区域内,目标对象的视觉效果始终为放大区域对界面元素的放大显示。其中,margin-left属性的属性值为:-触控焦点距离界面元素的中心点的横向距离*放大倍数*2,margin-left属性的属性值为:-触控焦点距离界面元素的中心点的纵向距离*放大倍数*2。
2)在放大区域中放大显示以触控焦点为中心的目标区域内,除关联界面元素之外的其他界面元素。具体地,在目标对象想要对关联界面元素进行放大显示的场景中,可以将关联界面元素和服务界面中除关联界面元素之外的其他界面元素看做两个整体,即将删除关联界面元素之后的服务界面看作关联界面元素的页面背景图像,那么根据拖拽操作在服务界面中拖拽关联界面元素移动时,页面背景图像会相对于拖拽操作的移动而移动,以实现在放大区域中既可以对关联界面元素进行放大显示,也能实时根据关联界面元素的显示位置,实时更新放大区域中显示的其他界面元素。
在后台技术实现中,支持将放大区域的背景图像与服务界面中除关联界面元素后的页面背景图像设置为相同,同时将放大区域的背景图像渲染宽高设置为页面背景图像渲染宽高的固定倍数(此倍数即为放大倍数),即可静态的实现页面背景图像的放大。此实现方式下,当根据拖拽操作控制关联界面元素移动时,需要根据拖拽操作在服务界面中的作用位置的实时变化,对页面背景图像的显示位置进行计算,具体是计算放大区域的background-position-x属性的属性值,和background-position-y属性的属性值,以实现随着关联界面元素的显示位置的变化,同步更新关联界面元素周围的其他界面元素。
其中,background-position-x属性的属性值为:(-关联界面元素的左上角横坐标-触控焦点距离关联界面元素中心点的横向距离)*放大倍数+(圆形放大区域的直径-关联界面元素的宽度*放大倍数)/2。background-position-y属性的属性值为:(-关联界面元素的左上角纵坐标-触控焦点距离关联界面元素中心点的纵向距离)*放大倍数+(圆形放大区域的直径-关联界面元素的高度*放大倍数)/2。需要说明的是,根据放大区域的显示样式不同,以及页面背景图像中的坐标系的构建不同,background-position-x属性的属性值和background-position-y属性的属性值的计算方式可以发生相应变化,本申请实施例对background-position-x属性的属性值和background-position-y属性的属性值的具体计算方式不作限定,在此说明。
如图12所示,假设服务界面中包括关联界面元素1201,该关联界面元素1201表现为一个灰框;那么将服务界面中删除关联界面元素1201后的其他界面元素组成的图像称为关联界面元素1201的页面背景图像。假设对关联界面元素1201的放大倍数为2倍,则可以将页面背景图像的宽高放大2倍,得到放大后的页面背景图像。假设针对关联界面元素1201执行拖拽操作的拖拽方向为沿着水平方向向右,则可以将宽高放大2倍后的页面背景图像沿着水平方向向左移动,具体移动服务界面中的关联界面元素1201移动距离的倍数,根据移动前后的页面背景图像可修改background-position-x属性的属性值和background-positi on-y属性的属性值,使得根据拖拽操作拖拽关联界面元素1201运动时,能够在放大区域内实时更新关联界面元素1201周围的其他界面元素。
通过上述过程,可实现在控制关联界面元素在服务界面中移动的过程中,通过放大区域同时放大关联界面元素和关联界面元素周围的其他界面元素,便于目标对象按照自身需求完成一些操作,如界面元素对齐操作(如将目标界面元素与其他界面元素水平对齐)等,提升使用效率和使用体验。
本申请实施例中,支持在服务界面中显示放大区域,该放大区域可用于对服务界面中的界面元素进行放大显示,这样目标对象(如任一具有对界面元素进行放大需求的对象)可通过服务界面中的放大区域,对放大后的界面元素进行查看;相比于通过屏幕尺寸固定的显示屏幕查看服务界面中的界面元素来说,能够实现对界面元素的放大显示,有利于目标对象查看界面元素,提升目标对象对服务界面的阅读体验,在一定程度上可提升服务页面的访问量。
图13示出了本申请一个示例性实施例提供的另一种元素处理方法的流程示意图;该元素处理方法可以由目标终端来执行,该元素处理方法可包括但不限于步骤S1301-S1303:
S1301:显示服务界面。
需要说明的是,步骤S1301所示的具体实施过程,可参见前述图3所示实施例中步骤S301所示的具体实施过程的相关描述,在此不作赘述。
S1302:响应于在服务界面中存在的激活操作,激活服务界面的放大区域。
S1303:在服务界面中显示放大区域。
由图2所示实施例的相关描述可知,本申请实施例支持在服务界面中检测到针对界面元素的拖拽操作时,激活并显示服务界面的放大区域,并在放大区域中放大显示被拖拽的界面元素;换句话说,在服务界面中用于激活放大区域,和在服务界面中显现放大区域的操作是一体的,只要在服务界面中存在针对界面元素的拖拽操作时,就可以激活并同步显现出放大区域;在一定程度上提升显示放大区域的速率,便于目标对象更快的通过放大区域放大界面元素。
应当说明的是,本申请实施例对激活并显示服务界面中的放大区域的具体实现方式并不做限定;也就是说,除了上述描述的这种通过拖拽操作,来一并实现激活并显示放大区域外,本申请实施例还支持采用其他实现方式,在服务界面中激活并显示放大区域。
具体实现中,本申请实施例支持先在服务界面中执行激活操作,以激活服务界面的放大区域;然后,在具有对界面元素的放大需求时,再在服务界面中显现被激活的放大区域。具体实现中,如果目标对象在使用服务界面的过程中,产生对界面元素放大显示的需求,则目标对象可执行激活操作,这样目标终端响应于在服务界面中存在的激活操作,可先激活服务界面的放大区域;然后,在检测到服务界面中存在触控焦点时,在服务界面中显示被激活的放大区域,如将放大区域的display属性的属性值从none修改为flex;并在放大区域中,对触控焦点的关联界面元素进行放大显示。其中,服务界面中的触控焦点包括以下至少一种:服务界面中的游动光标(如由外接实体鼠标或虚拟鼠标控制的,显示于服务界面上的箭头或手势光标),此时触控焦点的关联界面元素为游动光标所在位置处的界面元素;或者,服务界面中的输入光标(如代表信息输入位置的光标),此时触控焦点所关联界面元素为输入光标所在位置处的界面元素;以及,服务界面中存在触控操作的作用位置,此时触控焦点的关联界面元素包括触控操作的作用位置处的界面元素,如触控操作为对界面元素的选中操作,则触控焦点的关联界面元素为被选中的界面元素;等等。
上述通过激活操作激活放大区域,并在服务界面中显示被激活的放大区域的过程中,需要对放大区域和激活操作作如下几点特别说明:
一、放大区域。
在服务界面中显示放大区域时,除了如图3所示的在触控焦点所关联位置处显示放大区域外(具体显示样式可参见图3所示实施例的相关描述),本申请实施例还支持在服务界面中的指定位置处显示放大区域。其中,服务界面中的指定位置可包括:服务界面中未显示有界面元素的位置,这能避免放大区域遮挡服务界面中的界面元素;或者,服务界面中指定方位的位置,指定方位包括服务界面的顶部、底部、右下角、左下角、右上角或左上角等。在服务界面中的指定位置处显示放大区域的示意图可参见图14;为便于阐述,后续均以放大区域显示于服务界面的右下角为例进行介绍,特在此说明。
另外,正如前述所描述的,本申请实施例提供的放大区域允许沿着服务界面的任意方向进行移动,因此在放大区域显示于服务界面中的任一位置(如指定位置)处时,本申请实施例还支持对放大区域进行调整,此处的调整可包括但不限于:对放大区域的区域调整,如该区域调整包括对放大区域的区域尺寸和摆放方向等进行调整;所谓对放大区域的区域尺寸的调整可是指:放大或缩小放大区域,如放大区域为圆形,则可以减小圆的直径,以实现缩小放大区域的区域尺寸。所谓对放大区域的摆放方向的调整可是指:对放大区域进行旋转(如向右旋转)或翻转(如水平翻转)等操作,使得放大区域的形状发生变化。或者,对放大区域的显示位置进行调整。所谓对放大区域的显示位置的调整可是指:调整放大区域在服务界面中的显示位置。通过上述的对放大区域的调整,使得目标对象可以按照自身需求自定义放大区域的显示位置,满足目标对象对放大区域的自定义需求。
下面分别以对放大区域的显示位置的调整,和对放大区域的区域调整为例,对调整放大区域的具体实施过程进行介绍,其中:
(1)对放大区域的显示位置进行调整。具体地,假设放大区域显示于服务界面中的参考位置,如该参考位置为触发显示放大区域时,放大区域在服务界面中的指定位置,如指定位置为服务界面的右下角;那么当目标对象具有调整放大区域的显示位置的需求时,可对放大区域执行移动操作,此时目标终端响应于目标对象针对放大区域执行的移动操作,将放大区域沿着移动操作的移动轨迹,从参考位置转移至目标位置,该目标位置可是指:移动操作被取消时,移动操作在服务界面中的位置,以实现对放大区域的显示位置的调整。换句话说,放大区域是一个可移动的控件,支持被执行移动操作以调整其显示位置。
如图15所示,假设在服务界面中触发显示放大区域,该放大区域显示在服务界面中的指定位置处,该指定位置可以是服务界面中的任一显示位置;若目标终端检测到目标对象对放大区域的移动操作,则根据移动操作的拖拽轨迹,在服务界面中将放大区域沿着拖拽轨迹进行移动,以实现将放大区域从指定位置移动至目标位置,该目标位置为移动操作被取消时,移动操作在服务界面中的位置。
(2)对放大区域进行区域调整,该区域调整包括显示尺寸的调整和摆放方向的调整等。具体实现中,在目标对象具有对放大区域进行区域调整的需求时,目标对象可以在服务界面中针对放大区域执行区域调整操作,这样目标终端若检测到针对放大区域的区域调整操作,则可以根据区域调整操作更新显示放大区域。其中,目标对象针对放大区域执行的区域调整操作,是与针对放大区域的区域调整类型相关的;例如:目标对象想要对放大区域的区域调整包括区域尺寸调整,则目标对象针对放大区域执行的区域调整操作可包括尺寸调整操作,该尺寸调整操作用于调整放大区域的区域尺寸;再如:目标对象想要对放大区域的区域调整包括旋转放大区域,以调整放大区域的摆放位置,则目标对象针对放大区域执行的区域调整操作可包括旋转操作,该旋转操作用于对放大区域进行旋转。
一种示例性的对放大区域的区域尺寸进行调整的示意图可参见图16a。如图16a所示的第一幅图,服务界面中显示有放大区域,该放大区域所在显示位置处关联有尺寸调整选项1601;当然,根据放大区域的显示样式不同,尺寸调整选项的显示位置和显示样式可以不同,图16a所示的尺寸调整选项的显示样式和显示位置不会对本申请实施例产生限定。如图16a所示的放大区域为圆形区域,此时该放大区域相邻位置处可显示尺寸调整选项1601,该尺寸调整选项1601包括增加直径选项16011和缩小直径选项16012;那么在目标对象具有对放大区域进行尺寸放大的需求时,可通过触发增加直径选项16011增大放大区域的区域尺寸,此时目标对象执行的尺寸调整操作可包括,对增加直径选项16011的点击操作。
值得说明的是,放大区域的尺寸调整选项1601并非一直显示于服务界面中,可以是在目标对象具有尺寸调整需求时,才显现在服务界面中,本申请实施例对此不作限定。另外,在放大区域的相邻位置处还可以不显示尺寸调整选项1601,此时目标对象可直接对放大区域的边缘线进行拉伸或缩放,以实现调整放大区域的区域尺寸;上述过程可参见图16a所示的第二幅图,在此不作详细描述。本申请实施例对调整放大区域的区域尺寸的具体实施方式不作限定,特在此说明。
一种示例性的对放大区域的摆放方向进行调整的示意图可参见图16b。如图16b所示,服务界面中显示有放大区域,该放大区域所在显示位置处关联有方向调整选项1602;当然,根据放大区域的显示样式不同,方向调整选项的显示位置和显示样式可以不同,图16a所示的方向调整选项的显示样式和显示位置不会对本申请实施例产生限定。如图16b所示的放大区域为圆形矩形区域,此时该放大区域相邻位置处可显示方向调整选项1602,在目标对象具有对放大区域进行方向调整的需求时,可通过触发方向调整选项1602,将放大区域进行旋转,如每触发方向调整选项1602,就可以按照顺时针或逆时针对放大区域旋转90°,以得到旋转后的放大区域。
可以理解的是,本申请实施例对触发方向调整选项1602后,放大区域的旋转的具体实现方式并不作限定;例如,每触发一次方向调整选项1602后,可水平翻转一次放大区域,等等,特在此说明。
二、激活操作。
激活操作可包括以下任一种:针对放大选项的选中操作,音频信号输入操作,振动操作,以及,在服务界面中的任一显示位置执行的手势操作。需要说明的是,激活操作还可以包括其他操作,例如:当服务界面被触发显示时,确定存在针对放大区域的激活操作,即只要服务界面被打开显示,则服务界面中的放大区域被激活;此实现方式下,若服务界面中存在触控焦点,则可以在服务界面中显示放大区域,并在放大区域中,对触控焦点的关联界面元素进行放大显示;本申请实施例对激活放大区域的激活操作的具体类型不作限定。
下面以上述提及的激活操作包括针对放大选项的选中操作,以及激活操作包括在服务界面中的任一显示位置执行的手势操作为例,对通过激活操作激活放大区域,并在服务界面中存在触控焦点时,显示被激活的放大区域的实施过程进行示例性介绍,其中:
(1)激活操作包括针对放大选项的选中操作。放大选项可称为放大控件、放大按键或放大按钮等;放大选项可直接显示在服务界面中,即触发显示服务界面时,放大选项作为一种界面元素显示于服务界面中,或者,还可以在服务界面中执行某种操作后,再在服务界面中显现出放大选项。
在一种实现方式中,放大选项可直接显示于服务界面中,这样目标对象可直接在服务界面中触发放大选项,实现激活服务界面中的放大区域。如图17a所示,服务界面中包括工具栏1701,该工具栏1701中包括放大选项1702;响应于针对放大选项1702的触发操作(如点击操作),可激活服务界面的放大区域。为便于提示目标对象服务界面中的放大区域已被激活,在对放大选项1702执行触发操作后,可将放大选项1702从未选中状态修改为选中状态,如处于未选中状态的放大选项1702的颜色深度小于处于选中状态的放大选项1702的颜色深度,以提示目标对象服务界面的放大区域的激活情况。
进一步的,如果在服务界面的放大区域被激活后,在服务界面中存在触控焦点,则可以在服务界面中显示被激活的放大区域,以便于采用放大区域对触控焦点的关联界面元素进行放大显示;触控焦点的可能类型可参见上述描述在此不作赘述。如图17b所示,在放大区域被激活时,确定服务界面中存在输入光标1701,那么可以在服务界面中显现被激活的放大区域1702。正如前述所描述的,本申请实施例支持在服务界面中的触控焦点所关联位置处显示放大区域1702;如显示于输入光标1701所在界面元素的正上方,或者,覆盖显示于输入光标1701所在位置的正上等;这种在触控焦点所关联位置处显示放大区域1702的具体显示方式,与图3所示实施例中描述的放大区域和触控焦点的关联界面元素之间的显示位置关系,是类似的,在此不作赘述。或者,还支持在服务界面中的指定位置处显示放大区域1702;服务界面中的指定位置可包括:服务界面中未显示有界面元素的位置,这能避免放大区域遮挡服务界面中的界面元素;或者,服务界面中指定方位的位置,指定方位包括服务界面的顶部、底部、右下角、左下角、右上角或左上角等。
其他实现方式中,支持在服务界面中针对界面元素执行触发操作,触发显示放大选项,再触发放大选项以触发显示服务界面的放大区域。其中,被执行触发操作的界面元素可以包括服务界面中的任一界面元素,如该任一界面元素为待放大的界面元素。
下面结合图18,并以针对界面元素执行的触发操作包括触发显示界面元素的工具窗口为例,对触发显示放大选项,并触发放大选项以显示放大区域的示例性流程进行介绍;如图18所示,服务界面中包括待放大的界面元素1601;响应于针对界面元素1801的触发操作,如该触发操作包括通过实体鼠标或虚拟鼠标的右键操作,或触发操作包括针对界面元素的任一位置执行的双击操作(或三击操作),在服务界面中输出工具窗口1802,具体是在界面元素1801的相邻位置处输出工具窗口1802,该工具窗口1802中包括至少一个选项,每个选项对应一种功能,如包括放大选项18021。当放大选项18021被触发时,表示目标对象想要在服务界面中对界面元素进行放大显示,则在服务界面中显现被激活的放大区域1803,该放大区域1803中放大显示有界面元素1801。
可以理解的是,与前述描述的类似,通过放大选项18021触发显示放大区域1803时,放大区域1803在服务界面中的显示位置可以是指定位置,或触控焦点所关联位置处,在此不作赘述。
(2)激活操作包括在服务界面中的任一显示位置执行的手势操作。本申请实施例对手势操作的具体类型不作限定,如手势操作可包括但不限于:双指捏操作,双指点击操作,或画预设轨迹(如“S”形状或“L”形等)的手势操作,等等。
一种示例性的通过在服务界面中执行手势操作,触发显示服务界面的放大区域的示意图可参见图19;如图19所示,假设在服务界面中显示放大区域的触发条件为:在服务界面中的任一显示位置检测到画“S”形的手势操作,假设目标终端检测到在服务界面中存在轨迹形状为“S”形的手势操作,则目标终端响应于该手势操作,可触发执行在服务界面中显示放大区域的步骤。与前述描述类似的,触发显示的放大区域可以显示于服务界面中的触控焦点所关联位置处,也可以显示服务界面中的指定位置,本申请实施例对放大区域在服务界面中的具体显示位置不作限定,在此说明。
需要说明的是,上述只是本申请实施例给出的几种示例性的激活操作的操作类型和具体实施过程;在实际应用中,在服务界面中触发显示放大区域的具体实施过程还可以发生变化,如在服务界面中的激活操作的操作类型发生变化,本申请实施例对触发显示放大区域的具体实施过程不作限定。
S1304:在放大区域中对界面元素进行放大显示。
需要说明的是,步骤S1304所示的具体实施过程,可参见图3所示实施例中步骤S303所示的具体实施过程的相关描述,在此不作赘述。
由前述描述可知,本申请实施例支持在服务界面中的指定位置处显示放大区域,此时虽然放大区域未与待放大的界面元素相邻,但放大区域仍然用于对待放大的界面元素进行放大显示。例如,如果服务界面中的触控焦点的关联界面元素发生变化,如触控焦点的关联界面元素从界面元素A变化为界面元素B,则同样支持在放大区域内实时更新显示,放大后的关联界面元素。也就是说,不管放大区域是如图3所示的显示于触控焦点所关联位置处,还是显示于服务界面中的指定位置处,均支持在放大区域内放大显示触控焦点的关联界面元素。
下面结合附图20,并以服务界面中的触控焦点为游动光标,放大区域显示于服务界面中的指定位置为例,对在放大区域中对界面元素进行放大显示的过程进一步的介绍。如图20所示,在服务界面中显示有游动光标2001,该游动光标2001作为服务界面中的触控焦点;假设触控焦点的关联界面元素放大后的元素尺寸,大于放大区域的区域尺寸,那么根据触控焦点在服务界面中的显示位置发生变化,如目标对象通过实体鼠标控制游动光标2001沿着水平方向向右移动,可根据触控焦点在服务界面中的位置变化,在放大区域内同步放大显示关联界面元素的不同元素内容,如在放大区域内实时显示以游动光标2001为中心的目标区域内的关联界面元素的部分元素内容。同理,
另外,本申请实施例还支持在放大区域内编辑信息;在服务界面中的界面元素的元素尺寸较小的情况下,通过在放大区域内编辑信息,能够帮助目标对象更好地了解自己已输入的信息,从而提升信息编辑效率。
为便于阐述,本申请实施例将服务界面中支持被编辑的界面元素称为可编辑界面元素;若触控焦点的关联界面元素为可编辑界面元素,此时在放大区域内放大显示有该可编辑界面元素。若在放大区域中存在针对可编辑界面元素(即触控焦点的关联界面元素)的编辑操作,则在放大区域内放大显示,根据该编辑操作更新后的可编辑界面元素;以及,在服务界面更新显示,根据该编辑操作更新后的可编辑界面元素,具体是在服务界面中,将未执行编辑操作之前的可编辑界面元素更新显示为执行编辑操作之后得到的可编辑界面元素。如图21所示,触控焦点为输入光标2101,该输入光标2101的关联界面元素为可编辑的文本元素,该输入光标2101在可编辑的文本元素中的显示位置指示了该可编辑的文本元素支持被编辑的位置;那么在目标对象具有在输入光标2101处输入信息的需求时,可以在放大区域中的输入光标2101出执行编辑操作,如该编辑操作为输入信息的输入操作。那么在放大区域内输入信息的过程中,可在放大区域内放大显示根据输入操作(或编辑操作)更新后的关联界面元素,以及,在服务界面中更新显示,根据输入操作更新后的关联界面元素。
本申请实施例中,支持在服务界面中显示放大区域,该放大区域可用于对服务界面中的界面元素进行放大显示,这样目标对象(如任一具有对界面元素进行放大需求的对象)可通过服务界面中的放大区域,对放大后的界面元素进行查看;相比于通过屏幕尺寸固定的显示屏幕查看服务界面中的界面元素来说,能够实现对界面元素的放大显示,有利于目标对象查看界面元素,提升目标对象对服务界面的阅读体验,在一定程度上可提升服务页面的访问量。
图22示出了本申请一个示例性实施例提供的一种元素处理装置的结构示意图;该元素处理装置可以是用于运行于目标终端中的一个计算机程序(包括程序代码),例如该元素处理装置可以是运行于目标终端的应用程序(如免安装的小程序);该元素处理装置可以用于执行图3以及图13所示的方法实施例中的部分或全部步骤。请参见图22,该元素处理装置包括如下单元:
显示单元2201,用于显示服务界面,服务界面中包括一个或多个界面元素;
处理单元2202,用于在服务界面中显示放大区域,放大区域允许沿着服务界面的任意方向进行移动;以及,
处理单元2202,还用于在放大区域中对界面元素进行放大显示。
在一种实现方式中,处理单元2202,还用于:
响应于在服务界面中存在的激活操作,激活服务界面的放大区域;
其中,激活操作包括以下至少一种:针对放大选项的选中操作,音频信号输入操作,振动操作,以及,在服务界面中的任一显示位置执行的手势操作。
在一种实现方式中,处理单元2202用于在服务界面中显示放大区域时,具体用于:
响应于针对服务界面中的界面元素执行的拖拽操作,在服务界面中显示放大区域;
处理单元2202用于在放大区域中对界面元素进行放大显示时,具体用于:
在放大区域中,对被拖拽的界面元素进行放大显示。
在一种实现方式中,被拖拽的界面元素表示为可移动界面元素,处理单元2202,还用于:
根据拖拽操作将可移动界面元素从第一位置移动至第二位置的过程中,放大区域持续显示于服务界面中;
当拖拽操作在第二位置被取消时,在服务界面中取消显示放大区域。
在一种实现方式中,处理单元2202用于在服务界面中显示放大区域时,具体用于:
若在服务界面中存在触控焦点,则在服务界面中显示放大区域;
处理单元2202用于在放大区域中对界面元素进行放大显示时,具体用于:
在放大区域中,对触控焦点的关联界面元素进行放大显示。
在一种实现方式中,服务界面中的触控焦点包括以下至少一种:服务界面中的游动光标,服务界面中的输入光标,以及,服务界面中存在的触控操作的作用位置。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处;放大区域的移动方式包括:
若触控焦点在服务界面中进行移动,则控制放大区域跟随触控焦点的移动轨迹,在服务界面中进行移动。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处,包括:放大区域显示于触控焦点的关联界面元素所关联位置处;
放大区域与关联界面元素之间的显示位置关系,包括:
放大区域随机显示于关联界面元素的周围;或者,
放大区域与关联界面元素相邻,且放大区域和关联界面元素沿着同一方向排列显示,方向包括水平方向或竖直方向;或者,
放大区域覆盖显示于关联界面元素之上。
在一种实现方式中,放大区域显示于服务界面中的参考位置,放大区域的移动方式,包括:
响应于针对放大区域的移动操作,将放大区域沿着移动操作的移动轨迹,从参考位置转移至目标位置;
其中,目标位置是指:移动操作被取消时,移动操作在服务界面中的位置。
在一种实现方式中,服务界面中包括触控焦点,处理单元2202用于在放大区域中对界面元素进行放大显示时,具体用于:
根据触控焦点在服务界面中的位置变化,确定触控焦点的关联界面元素发生变化;
在放大区域内实时更新显示,放大后的触控焦点的关联界面元素。
在一种实现方式中,处理单元2202,还用于:
若在放大区域中存在针对所述关联界面元素的编辑操作,则在放大区域内放大显示,根据编辑操作更新后的关联界面元素;以及,
在服务界面中更新显示,根据编辑操作更新后的关联界面元素。
在一种实现方式中,处理单元2202,还用于:
若检测到针对放大区域的区域调整操作,则根据区域调整操作更新显示放大区域;
其中,放大区域的显示样式包括:圆形、矩形或多边形;区域调整操作包括以下至少一种:尺寸调整操作和旋转操作,尺寸调整操作用于调整放大区域的区域尺寸,旋转操作用于对放大区域进行旋转。
在一种实现方式中,服务界面中包括触控焦点,处理单元2202用于在放大区域中对界面元素进行放大显示时,具体用于:
根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示;以及,
对以触控焦点为中心的目标区域内,除关联界面元素之外的其他界面元素进行放大显示。
在一种实现方式中,处理单元2202用于根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示时,具体用于:
若放大后的关联界面元素的元素尺寸,小于或等于放大区域的区域尺寸,则在放大区域内完整显示放大后的关联界面元素;
若放大后的关联界面元素的元素尺寸,大于放大区域的区域尺寸,则在放大区域内放大显示,放大后的关联界面元素中位于以触控焦点为中心的目标区域内的部分元素内容。
在一种实现方式中,服务界面包括应用程序的服务界面,应用程序是免安装的应用程序,应用程序是指运行于客户端内的任一个应用程序;当应用程序运行于客户端内时,客户端与应用程序具备父子关系,客户端为应用程序的父程序,而应用程序为客户端的子程序。
在一种实现方式中,界面元素包括:图像、文本、富文本、链接、音视频、动画、图标以及表格。
根据本申请的一个实施例,图22所示的元素处理装置中的各个单元可以分别或全部合并为一个或若干个另外的单元来构成,或者其中的某个(些)单元还可以再拆分为功能上更小的多个单元来构成,这可以实现同样的操作,而不影响本申请的实施例的技术效果的实现。上述单元是基于逻辑功能划分的,在实际应用中,一个单元的功能也可以由多个单元来实现,或者多个单元的功能由一个单元实现。在本申请的其它实施例中,该元素处理装置也可以包括其它单元,在实际应用中,这些功能也可以由其它单元协助实现,并且可以由多个单元协作实现。根据本申请的另一个实施例,可以通过在包括中央处理单元(CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的例如计算机的通用计算设备上运行能够执行如图3以及图13所示的相应方法所涉及的各步骤的计算机程序(包括程序代码),来构造如图22中所示的元素处理装置,以及来实现本申请实施例的元素处理方法。计算机程序可以记载于例如计算机可读记录介质上,并通过计算机可读记录介质装载于上述计算设备中,并在其中运行。
本申请实施例中,支持在服务界面中显示放大区域,该放大区域可用于对服务界面中的界面元素进行放大显示,这样目标对象(如任一具有对界面元素进行放大需求的对象)可通过服务界面中的放大区域,对放大后的界面元素进行查看;相比于通过屏幕尺寸固定的显示屏幕查看服务界面中的界面元素来说,能够实现对界面元素的放大显示,有利于目标对象查看界面元素,提升目标对象对服务界面的阅读体验,在一定程度上可提升服务页面的访问量。
图23示出了本申请一个示例性实施例提供的一种终端的结构示意图。请参见图23,该终端包括处理器2301、通信接口2302以及计算机可读存储介质2303。其中,处理器2301、通信接口2302以及计算机可读存储介质2303可通过总线或者其它方式连接。其中,通信接口2302用于接收和发送数据。计算机可读存储介质2303可以存储在终端的存储器中,计算机可读存储介质2303用于存储计算机程序,计算机程序包括程序指令,处理器2301用于执行计算机可读存储介质2303存储的程序指令。处理器2301(或称CPU(CentralProcessing Unit,中央处理器))是终端的计算核心以及控制核心,其适于实现一条或多条指令,具体适于加载并执行一条或多条指令从而实现相应方法流程或相应功能。
本申请实施例还提供了一种计算机可读存储介质(Memory),计算机可读存储介质是终端中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机可读存储介质既可以包括终端中的内置存储介质,当然也可以包括终端所支持的扩展存储介质。计算机可读存储介质提供存储空间,该存储空间存储了终端的处理系统。并且,在该存储空间中还存放了适于被处理器2301加载并执行的一条或多条的指令,这些指令可以是一个或多个的计算机程序(包括程序代码)。需要说明的是,此处的计算机可读存储介质可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器;可选的,还可以是至少一个位于远离前述处理器的计算机可读存储介质。
在一个实施例中,该计算机可读存储介质中存储有一条或多条指令;由处理器2301加载并执行计算机可读存储介质中存放的一条或多条指令,以实现上述文档处理方法实施例中的相应步骤;具体实现中,计算机可读存储介质中的一条或多条指令由处理器2301加载并执行如下步骤:
显示服务界面,服务界面中包括一个或多个界面元素;
在服务界面中显示放大区域,放大区域允许沿着服务界面的任意方向进行移动;以及,
在放大区域中对界面元素进行放大显示。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并还执行如下步骤:
响应于在服务界面中存在的激活操作,激活服务界面的放大区域;
其中,激活操作包括以下至少一种:针对放大选项的选中操作,音频信号输入操作,振动操作,以及,在服务界面中的任一显示位置执行的手势操作。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在服务界面中显示放大区域时,具体执行如下步骤:
响应于针对服务界面中的界面元素执行的拖拽操作,在服务界面中显示放大区域;
计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在放大区域中对界面元素进行放大显示时,具体执行如下步骤:
在放大区域中,对被拖拽的界面元素进行放大显示。
在一种实现方式中,被拖拽的界面元素表示为可移动界面元素,计算机可读存储介质中的一条或多条指令由处理器2301加载并还执行如下步骤:
根据拖拽操作将可移动界面元素从第一位置移动至第二位置的过程中,放大区域持续显示于服务界面中;
当拖拽操作在第二位置被取消时,在服务界面中取消显示放大区域。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在服务界面中显示放大区域时,具体执行如下步骤:
若在服务界面中存在触控焦点,则在服务界面中显示放大区域;
计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在放大区域中对界面元素进行放大显示时,具体执行如下步骤:
在放大区域中,对触控焦点的关联界面元素进行放大显示。
在一种实现方式中,服务界面中的触控焦点包括以下至少一种:服务界面中的游动光标,服务界面中的输入光标,以及,服务界面中存在的触控操作的作用位置。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处;放大区域的移动方式包括:
若触控焦点在服务界面中进行移动,则控制放大区域沿着所述触控焦点的移动轨迹,在服务界面中进行移动。
在一种实现方式中,放大区域显示于服务界面中的触控焦点所关联位置处,包括:放大区域显示于触控焦点的关联界面元素所关联位置处;
放大区域与关联界面元素之间的显示位置关系,包括:
放大区域随机显示于关联界面元素的周围;或者,
放大区域与关联界面元素相邻,且放大区域和关联界面元素沿着同一方向排列显示,方向包括水平方向或竖直方向;或者,
放大区域覆盖显示于关联界面元素之上。
在一种实现方式中,放大区域显示于服务界面中的参考位置,放大区域的移动方式,包括:
响应于针对放大区域的移动操作,将放大区域沿着移动操作的移动轨迹,从参考位置转移至目标位置;
其中,目标位置是指:移动操作被取消时,移动操作在服务界面中的位置。
在一种实现方式中,服务界面中包括触控焦点,计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在放大区域中对界面元素进行放大显示时,具体执行如下步骤:
根据触控焦点在服务界面中的位置变化,确定触控焦点的关联界面元素发生变化;
在放大区域内实时更新显示,放大后的触控焦点的关联界面元素。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并还执行如下步骤:
若在放大区域中存在针对所述关联界面元素的编辑操作,则在放大区域内放大显示,根据编辑操作更新后的关联界面元素;以及,
在服务界面中更新显示,根据编辑操作更新后的关联界面元素。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并还执行如下步骤:
若检测到针对放大区域的区域调整操作,则根据区域调整操作更新显示放大区域;
其中,放大区域的显示样式包括:圆形、矩形或多边形;区域调整操作包括以下至少一种:尺寸调整操作和旋转操作,尺寸调整操作用于调整放大区域的区域尺寸,旋转操作用于对放大区域进行旋转。
在一种实现方式中,服务界面中包括触控焦点,计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行在放大区域中对界面元素进行放大显示时,具体执行如下步骤:
根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示;以及,
对以触控焦点为中心的目标区域内,除关联界面元素之外的其他界面元素进行放大显示。
在一种实现方式中,计算机可读存储介质中的一条或多条指令由处理器2301加载并在执行根据放大后的触控焦点的关联界面元素的元素尺寸,和放大区域的区域尺寸之间的尺寸关系,对关联界面元素进行放大显示时,具体执行如下步骤:
若放大后的关联界面元素的元素尺寸,小于或等于放大区域的区域尺寸,则在放大区域内完整显示放大后的关联界面元素;
若放大后的关联界面元素的元素尺寸,大于放大区域的区域尺寸,则在放大区域内放大显示,放大后的关联界面元素中位于以触控焦点为中心的目标区域内的部分元素内容。
在一种实现方式中,服务界面包括应用程序的服务界面,应用程序是免安装的应用程序,应用程序是指运行于客户端内的任一个应用程序;当应用程序运行于客户端内时,客户端与应用程序具备父子关系,客户端为应用程序的父程序,而应用程序为客户端的子程序。
在一种实现方式中,界面元素包括:图像、文本、富文本、链接、音视频、动画、图标以及表格。
基于同一发明构思,本申请实施例中提供的终端解决问题的原理与有益效果与本申请方法实施例中元素处理方法解决问题的原理和有益效果相似,可以参见方法的实施的原理和有益效果,为简洁描述,在这里不再赘述。
本申请实施例还提供一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。终端的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该终端执行上述元素处理方法。
本领域普通技术对象可以意识到,结合本申请中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术对象可以对每个特定的应用,使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程设备。计算机指令可以存储在计算机可读存储介质中,或者通过计算机可读存储介质进行传输。计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如,同轴电缆、光纤、数字线(DSL))或无线(例如,红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据处理设备。可用介质可以是磁性介质(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如,固态硬盘(Solid State Disk,SSD))等。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术对象在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (20)
1.一种元素处理方法,其特征在于,包括:
显示服务界面,所述服务界面中包括一个或多个界面元素;
在所述服务界面中显示放大区域,所述放大区域允许沿着任意形状的移动轨迹在所述服务界面中进行移动;以及,
在所述放大区域中对界面元素进行放大显示。
2.如权利要求1所述的方法,其特征在于,所述在所述服务界面中显示放大区域之前,还包括:
响应于在所述服务界面中存在的激活操作,激活所述服务界面的放大区域;
其中,所述激活操作包括以下至少一种:针对放大选项的选中操作,音频信号输入操作,振动操作,以及,在所述服务界面中的任一显示位置执行的手势操作。
3.如权利要求1或2所述的方法,其特征在于,所述在所述服务界面中显示放大区域,包括:
响应于针对所述服务界面中的界面元素执行的拖拽操作,在所述服务界面中显示放大区域;
所述在所述放大区域中对所述界面元素进行放大显示,包括:
在所述放大区域中,对被拖拽的界面元素进行放大显示。
4.如权利要求3所述的方法,其特征在于,所述被拖拽的界面元素表示为可移动界面元素,所述方法还包括:
根据所述拖拽操作将所述可移动界面元素从第一位置移动至第二位置的过程中,所述放大区域持续显示于所述服务界面中;
当所述拖拽操作在所述第二位置被取消时,在所述服务界面中取消显示所述放大区域。
5.如权利要求1或2所述的方法,其特征在于,所述在所述服务界面中显示放大区域,包括:
若在所述服务界面中存在触控焦点,则在所述服务界面中显示放大区域;
所述在所述放大区域中对所述界面元素进行放大显示,包括:
在所述放大区域中,对所述触控焦点的关联界面元素进行放大显示。
6.如权利要求5所述的方法,其特征在于,所述服务界面中的触控焦点包括以下至少一种:所述服务界面中的游动光标,所述服务界面中的输入光标,以及,所述服务界面中存在的触控操作的作用位置。
7.如权利要求1所述的方法,其特征在于,所述放大区域显示于所述服务界面中的触控焦点所关联位置处;所述放大区域的移动方式,包括:
若所述触控焦点在所述服务界面中进行移动,则控制所述放大区域跟随所述触控焦点的移动轨迹,在所述服务界面中进行移动。
8.如权利要求7所述的方法,其特征在于,所述放大区域显示于所述服务界面中的触控焦点所关联位置处,包括:所述放大区域显示于所述触控焦点的关联界面元素所关联位置处;
所述放大区域与所述关联界面元素之间的显示位置关系,包括以下任一种:
所述放大区域随机显示于所述关联界面元素的周围;
所述放大区域与所述关联界面元素相邻,且所述放大区域和所述关联界面元素沿着同一方向排列显示,所述方向包括水平方向或竖直方向;
所述放大区域覆盖显示于所述关联界面元素之上。
9.如权利要求1所述的方法,其特征在于,所述放大区域显示于所述服务界面中的参考位置,所述放大区域的移动方式,包括:
响应于针对所述放大区域的移动操作,将所述放大区域沿着所述移动操作的移动轨迹,从所述参考位置移动至目标位置;
其中,所述目标位置是指:所述移动操作被取消时,所述移动操作在所述服务界面中的位置。
10.如权利要求9所述的方法,其特征在于,所述服务界面中包括触控焦点,所述在所述放大区域中对界面元素进行放大显示,包括:
若所述触控焦点的关联界面元素发生变化,则在所述放大区域内实时更新显示,放大后的关联界面元素。
11.如权利要求9所述的方法,其特征在于,所述方法还包括:
若在所述放大区域中存在针对所述关联界面元素的编辑操作,则在所述放大区域内放大显示,根据所述编辑操作更新后的所述关联界面元素;以及,
在所述服务界面中更新显示,根据所述编辑操作更新后的关联界面元素。
12.如权利要求9所述的方法,其特征在于,所述方法还包括:
若检测到针对所述放大区域的区域调整操作,则根据所述区域调整操作更新显示所述放大区域;
其中,所述放大区域的显示样式包括:圆形、矩形或多边形;所述区域调整操作包括以下至少一种:尺寸调整操作和旋转操作,所述尺寸调整操作用于调整所述放大区域的区域尺寸,所述旋转操作用于对所述放大区域进行旋转。
13.如权利要求1所述的方法,其特征在于,所述服务界面中包括触控焦点,所述在所述放大区域中对界面元素进行放大显示,包括:
根据放大后的所述触控焦点的关联界面元素的元素尺寸,和所述放大区域的区域尺寸之间的尺寸关系,对所述关联界面元素进行放大显示;以及,
对以所述触控焦点为中心的目标区域内,除所述关联界面元素之外的其他界面元素进行放大显示。
14.如权利要求13所述的方法,其特征在于,所述根据放大后的所述触控焦点的关联界面元素的元素尺寸,和所述放大区域的区域尺寸之间的尺寸关系,对所述关联界面元素进行放大显示,包括
若放大后的所述关联界面元素的元素尺寸,小于或等于所述放大区域的区域尺寸,则在所述放大区域内完整显示放大后的关联界面元素;
若放大后的所述关联界面元素的元素尺寸,大于所述放大区域的区域尺寸,则在所述放大区域内放大显示,放大后的关联界面元素中位于以所述触控焦点为中心的目标区域内的部分元素内容。
15.如权利要求1所述的方法,其特征在于,所述服务界面包括应用程序的服务界面,所述应用程序是免安装的应用程序,所述应用程序是指运行于客户端内的任一个应用程序;当所述应用程序运行于客户端内时,所述客户端与所述应用程序具备父子关系,所述客户端为所述应用程序的父程序,而所述应用程序为所述客户端的子程序。
16.如权利要求1所述的方法,其特征在于,所述界面元素包括:图像、文本、富文本、链接、音视频、动画、图标以及表格。
17.一种元素处理装置,其特征在于,包括:
显示单元,用于显示服务界面,所述服务界面中包括一个或多个界面元素;
处理单元,用于在所述服务界面中显示放大区域,所述放大区域允许沿着任意形状的移动轨迹在所述服务界面中进行移动;以及,
所述处理单元,还用于在所述放大区域中对界面元素进行放大显示。
18.一种终端,其特征在于,包括:
处理器,适于执行计算机程序;
计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,所述计算机程序被所述处理器执行时,实现如权利要求1-16任一项所述的元素处理方法。
19.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序适于被处理器加载并执行如权利要求1-16任一项所述的元素处理方法。
20.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机指令,所述计算机指令被处理器执行时实现如权利要求1-16任一项所述的元素处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210956695.5A CN117631926A (zh) | 2022-08-10 | 2022-08-10 | 一种元素处理方法、装置、终端、介质及程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210956695.5A CN117631926A (zh) | 2022-08-10 | 2022-08-10 | 一种元素处理方法、装置、终端、介质及程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117631926A true CN117631926A (zh) | 2024-03-01 |
Family
ID=90020378
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210956695.5A Pending CN117631926A (zh) | 2022-08-10 | 2022-08-10 | 一种元素处理方法、装置、终端、介质及程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117631926A (zh) |
-
2022
- 2022-08-10 CN CN202210956695.5A patent/CN117631926A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102230708B1 (ko) | 사용자 인터렉션을 제공하는 사용자 단말 장치 및 그 방법 | |
EP3761161B1 (en) | Input method interface display method and device, and terminal and storage medium | |
KR102339674B1 (ko) | 디스플레이 장치 및 방법 | |
JP5703873B2 (ja) | 情報処理装置、情報処理方法およびプログラム | |
KR102391699B1 (ko) | 애플리케이션 윈도우에 대한 동적 조인트 디바이더 | |
US10592080B2 (en) | Assisted presentation of application windows | |
US9880727B2 (en) | Gesture manipulations for configuring system settings | |
JP5986232B2 (ja) | 画像の切り抜き及び角度補正のためのユーザインタフェースツール | |
US9626077B2 (en) | Method, system for updating dynamic map-type graphic interface and electronic device using the same | |
TW201617837A (zh) | 一種螢幕顯示視窗的處理方法以及移動終端 | |
US20100053221A1 (en) | Information processing apparatus and operation method thereof | |
KR102304178B1 (ko) | 사용자 단말 장치 및 이의 디스플레이 방법 | |
US20110141144A1 (en) | Content display magnification changing method and content display magnification changing program | |
US20130179835A1 (en) | Display apparatus and item selecting method using the same | |
KR102205283B1 (ko) | 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법 | |
JP5981175B2 (ja) | 図面表示装置、及び図面表示プログラム | |
US10908764B2 (en) | Inter-context coordination to facilitate synchronized presentation of image content | |
US9501206B2 (en) | Information processing apparatus | |
JP2014085792A (ja) | 情報処理装置及びプログラム | |
CN117631926A (zh) | 一种元素处理方法、装置、终端、介质及程序产品 | |
JP2020507174A (ja) | 表示コンテンツのパネルをナビゲートする方法 | |
KR102031104B1 (ko) | 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법 | |
JP5512213B2 (ja) | 参照表示システム、参照表示方法およびプログラム | |
US20180173362A1 (en) | Display device, display method used in the same, and non-transitory computer readable recording medium | |
CN108205405B (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 |