CN117435100A - 元素展示的方法、装置、计算机设备和存储介质 - Google Patents
元素展示的方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN117435100A CN117435100A CN202210825696.6A CN202210825696A CN117435100A CN 117435100 A CN117435100 A CN 117435100A CN 202210825696 A CN202210825696 A CN 202210825696A CN 117435100 A CN117435100 A CN 117435100A
- Authority
- CN
- China
- Prior art keywords
- information
- sub
- target
- access record
- record information
- 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
- 238000003860 storage Methods 0.000 title claims abstract description 71
- 238000000034 method Methods 0.000 title claims abstract description 68
- 230000003993 interaction Effects 0.000 claims abstract description 242
- 238000004590 computer program Methods 0.000 claims abstract description 24
- 238000009877 rendering Methods 0.000 claims description 26
- 238000012545 processing Methods 0.000 claims description 13
- 238000005516 engineering process Methods 0.000 abstract description 15
- 238000010586 diagram Methods 0.000 description 15
- 230000002452 interceptive effect Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 4
- 230000000670 limiting effect Effects 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 230000036961 partial effect Effects 0.000 description 4
- 238000013473 artificial intelligence Methods 0.000 description 3
- 238000013500 data storage Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000002829 reductive effect Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000004040 coloring Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000000007 visual effect Effects 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/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/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
-
- 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
技术领域
本申请涉及计算机及通信技术领域,特别是涉及一种元素展示的方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展,展示页面作为需要展示的信息的载体,得到广泛的应用。目前,通常通过MVVM(Model-View-ViewModel)实现页面展示,而随着用户需求和视图界功能的不断迭代,对于页面中所存在的各个元素(Item)的显示状态和交互方式会不断的增加,因此,相同元素在不同显示状态所展示的样式会不同。然而,由于存在元素的显示状态是可交互的(例如,点击、移动、缩放等),因此当元素可选择的显示状态较多时,可能会产生二义性,即元素的实际显示状态与真实需求显示状态之间出现偏差,导致元素展示不准确的问题。因此,如何提升元素展示的准确度是亟需解决的问题。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提升元素展示的准确度的元素展示的方法、装置、计算机设备和存储介质。
第一方面,本申请提供了一种元素展示的方法。所述方法包括:
获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;
根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
基于目标访问记录信息包括的元素展示信息,展示目标元素。
在其中一个实施例中,目标元素包括第一子元素以及第二子元素;
基于目标访问记录信息包括的元素展示信息,展示目标元素,包括:
基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素。
在其中一个实施例中,元素展示信息包括元素布局信息;
基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素,包括:
基于第一子元素的元素布局信息,以及第二子元素的元素布局信息,计算得到第一子元素的第一展示位置,以及第二子元素的第二展示位置;
在第一展示位置上展示第一子元素,以及在第二展示位置上展示第二子元素。
在其中一个实施例中,第一展示位置为第一子元素在位图图像上的展示位置,第二展示位置为第二子元素在位图图像上的展示位置。
在其中一个实施例中,元素展示信息包括元素状态信息;
基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素,包括:
基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,确定第一子元素的第一展示状态,以及第二子元素的第二展示状态;
基于第一展示状态展示第一子元素,并基于第二展示状态展示第二子元素。
在其中一个实施例中,第一展示状态包括第一子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,第二展示状态包括第二子元素在位图图像上的展示颜色、元素图像以及元素渲染路径。
在其中一个实施例中,元素展示的方法还包括:
获取元素散列表,元素散列表包括各元素,且元素具有唯一对应的元素数值;
获取列表数据,列表数据包括各元素对应的各元素布局信息以及各元素状态信息;
基于列表数据确定各元素对应的各堆栈空间存储地址,一个堆栈空间存储地址存储一个元素布局信息以及一个元素状态信息;
将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,并基于元素散列表创建各元素数值与各元素关键码值的对应关系。
在其中一个实施例中,元素展示信息包括元素布局信息以及元素状态信息;
元素展示的方法还包括:
基于列表数据,创建各元素关键码值与各访问记录信息的对应关系。
在其中一个实施例中,列表数据还包括各元素对应的各交互事件,交互事件具有对应的交互状态属性;
元素展示的方法还包括:
基于列表数据,创建各交互状态属性与各访问记录信息的对应关系。
第二方面,本申请还提供了一种元素展示的装置。所述装置包括:
获取模块,用于获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
确定模块,用于根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;并根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
展示模块,用于基于目标访问记录信息包括的元素展示信息,展示目标元素。
第三方面,本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;
根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
基于目标访问记录信息包括的元素展示信息,展示目标元素。
第四方面,本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;
根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
基于目标访问记录信息包括的元素展示信息,展示目标元素。
第五方面,本申请还提供了一种计算机程序产品。所述计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;
根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
基于目标访问记录信息包括的元素展示信息,展示目标元素。
上述元素展示的方法、装置、计算机设备、存储介质和计算机程序产品,获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;基于目标访问记录信息包括的元素展示信息,展示目标元素。通过各交互状态属性与各访问记录信息的对应关系,各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,能够准确定位与目标交互触发指令匹配的目标访问记录信息,从而基于目标访问记录信息包括的元素展示信息,展示目标元素,避免元素可选择的显示状态较多时,产生二义性的问题,从而提升元素展示的准确度。
附图说明
图1为一个实施例中元素展示的方法的应用环境图;
图2为一个实施例中元素展示的方法的流程示意图;
图3为一个实施例中获取针对目标元素的目标交互触发指令的实施例示意图;
图4为一个实施例中MVVM设计模式的框架示意图;
图5为一个实施例中展示目标元素的界面示意图;
图6为一个实施例中展示目标元素的部分流程示意图;
图7为一个实施例中展示第一子元素以及第二子元素的界面示意图;
图8为一个实施例中展示第一子元素以及第二子元素的部分流程示意图;
图9为一个实施例中基于位图图像,在不同的展示位置展示多个子元素的流程示意图;
图10为另一个实施例中展示第一子元素以及第二子元素的部分流程示意图;
图11为一个实施例中基于位图图像,通过不同的展示状态展示多个子元素的流程示意图;
图12为一个实施例中创建各元素数值与各元素关键码值的对应关系的流程示意图;
图13为一个实施例中创建各元素关键码值与各访问记录信息的对应关系的流程示意图;
图14为一个实施例中创建各交互状态属性与各访问记录信息的对应关系的流程示意图;
图15为一个实施例中元素展示的方法的完整流程示意图;
图16为一个实施例中元素展示的装置的结构框图;
图17为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。云技术基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称,可以组成资源池,按需所用,灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源,如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用,将来每个物品都有可能存在自己的识别标志,都需要传输到后台系统进行逻辑处理,不同程度级别的数据将会分开处理,各类行业数据皆需要强大的系统后盾支撑,只能通过云计算来实现。
本申请实施例提供的方案涉及云技术中的人工智能云服务(AI as a Service,AIaaS),所谓人工智能云服务,一般也被称作是“AI即服务”。这是目前主流的一种人工智能平台的服务方式,具体来说AIaaS平台会把几类常见的AI服务进行拆分,并在云端提供独立或者打包的服务。这种服务模式类似于开了一个AI主题商城:所有的开发者都可以通过API接口的方式来接入使用平台提供的一种或者是多种人工智能服务,部分资深的开发者还可以使用平台提供的AI框架和AI基础设施来部署和运维自已专属的云人工智能服务。
基于此,本申请实施例提供的元素展示的方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上,也可以放在云上或其他服务器上。
具体地,以应用于终端102作为示例进行说明,那么用户可以对终端102的显示界面中的各元素进行交互操作,各元素中被用户选择进行交互操作的元素即为目标元素,从而使得终端102获取针对目标元素的目标交互触发指令。由此终端102通过本申请实施例提供的元素展示的方法,根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,再根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息,最后,终端102基于目标访问记录信息包括的元素展示信息,在显示界面展示被用户选择的目标元素。
其次,以应用于服务器104作为示例进行说明,与前述实施例类似,用户可以对终端102的显示界面中的各元素进行交互操作,各元素中被用户选择进行交互操作的元素即为目标元素,从而使得终端102获取针对目标元素的目标交互触发指令,然后终端102向服务器104发送针对目标元素的目标交互触发指令,服务器104可以从数据存储系统中获取样本数据,以及样本数据的真实元素标签,然后服务器104基于样本数据,通过初始元素识别模型获取样本数据的第一预测概率,并对第一预测概率进行掩码处理,获取样本数据的第二预测概率,基于此,服务器104通过本申请实施例提供的元素展示的方法,根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,再根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息,最后,服务器104再向终端102发送与目标交互触发指令匹配的目标访问记录信息,终端以基于目标访问记录信息包括的元素展示信息,在显示界面展示被用户选择的目标元素。在该实施例中,终端102以及服务器104中均存储有各交互状态属性与各访问记录信息的对应关系、各元素数值与各元素关键码值的对应关系、以及各元素关键码值与各访问记录信息的对应关系。
其中,终端102可以但不限于是各种台式计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备,物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中,如图2所示,提供了一种元素展示的方法,以该方法应用于图1中的终端102为例进行说明,包括以下步骤:
步骤202,获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性。
其中,目标元素由至少一个元素(Item)组成。目标交互触发指令为用户对目标元素进行交互操作生成的指令,或者说用户对目标元素产生交互事件生成的指令,交互操作可以为触摸操作、点击操作、长按操作以及滑动操作等,即交互事件可以为触摸事件、点击事件、长按事件以及滑动事件等。其次,目标元素数值具体为目标元素的元素标识,一个元素具有唯一指示的元素数值,例如,元素A的元素数值为A1,元素B的元素数值为A2,以及元素C的元素数值为A3。目标交互状态属性具体用于描述对目标元素进行交互操作(或产生交互事件)的交互类型,例如,用户对目标元素进行触摸操作生成目标交互触发指令,那么目标交互状态属性具体为触摸。用户对目标元素进行长按操作生成目标交互触发指令,那么目标交互状态属性具体为长按。前述示例仅用于理解本方案,不应该理解为具体限定。
具体地,终端会先在显示界面展示各元素,此时各元素可以为预设展示信息所展示的元素,或为基于上一交互触发指令所确定的元素展示信息所展示的元素。基于此,用户基于需求对显示界面展示的各元素中至少一个元素进行交互操作,从而生成针对目标元素的目标交互触发指令,且各元素中被用户选择进行交互操作的元素即构成目标元素。
为便于理解,以具体应用于购票选座场景作为示例进行说明,如图3所示,用户在终端的显示界面302中进行点击操作,且具体为对显示界面302中的元素304进行点击操作,以生成目标交互触发指令,此时元素304具体为目标元素,该目标交互触发指令包括目标元素(元素304)的目标元素数值,以及目标交互触发指令的目标交互状态属性(即点击)。应理解,交互操作还可以为用户对终端的显示界面302进行滑动操作以及双击操作等,或者在显示界面302进行语音指令输入操作,具体此处不做限定。
步骤204,根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息。
其中,访问记录信息具体为视图数据对象(ViewModel)。ViewModel具体用于存储以及管理用户界面(UI,User Interface)组件(例如:Fragment或Activity)相关的数据信息,基于此,访问记录信息具体包括元素的元素展示信息。ViewModel还可以将一个UI组件相关的数据逻辑抽象出来,并适配组件的生命周期,例如,当终端的显示屏幕旋转且UI组件重建后,ViewModel中所存储的数据依然有效。且ViewModel还可以用来负责UI组件之间的通信。
进一步地,前述ViewModel的建立需要利用数据对象(Model)-界面(View)-ViewModel(MVVM,Model-View-ViewModel)设计模式,如图4所示,通过MVVM设计模式创建每个元素对应的ViewModel 402,ViewModel 402中存储视图层所需的数据字段,ViewModel可以连接TMF元素选择(Tanmer Framework ItemSelector,TMFItemSelector)404和表示层(layer)406,ViewModel包括可以描述元素的多个状态维度以及各状态维度对应的交互事件,状态维度具体可以为图片以及文字的修改,也可以是传入某种算法或处理逻辑(例如,在选择了元素A和元素B后,自动选择元素C)从而切换在终端显示的内容。ViewModel还可以根据初始化传入的数据计算出每个元素的具体坐标以及元素宽度与高度,具体计算规则由当前页面列表、机型、分辨率等信息确定。
由于本实施例中具体采用的是MVVM设计模式,因此ViewModel具体为View对应的Model,View就是在终端具体展现出来的显示界面,Model就是业务逻辑相关的数据对象,通常从数据库映射而来,因此Model也可以说是与数据库对应的数据对象,因此元素相关的数据对象即为Model。由于数据库结构往往不能直接跟界面控件一一对应,所以需要基于ViewModel的把Model封装成可以显示和交互的界面数据对象,简单的说,ViewModel就是View与Model的连接器,View与Model通过ViewModel建立对应关系。
因此,该访问记录信息包括元素的元素展示信息,且元素展示信息用于对元素进行展示,即元素展示信息构建View(终端具体展现出来的显示界面),且元素展示信息具包括但不限于:元素布局信息以及元素状态信息。其次,各交互状态属性与各访问记录信息的对应关系具体为:一个访问记录信息仅对应一个交互状态属性,而一个交互状态属性可以对应多个访问记录信息。
具体地,终端根据各交互状态属性与各访问记录信息的对应关系,将与目标交互状态属性具有对应关系的访问记录信息确定为待选择访问记录信息,由此确定与目标交互状态属性匹配的各待选择访问记录信息。例如,交互状态属性B1为触摸,交互状态属性B2为点击,而交互状态属性B1与访问记录信息C1、访问记录信息C3以及访问记录信息C5具有对应关系,交互状态属性B2与访问记录信息C2、访问记录信息C4以及访问记录信息C6。
而步骤202所获取的目标交互触发指令包括的目标交互状态属性具体为触摸,即可以确定与触摸(交互状态属性B1)具有对应关系的访问记录信息C1、访问记录信息C3以及访问记录信息C5,为待选择访问记录信息,即与目标交互状态属性匹配的各待选择访问记录信息包括访问记录信息C1、访问记录信息C3以及访问记录信息C5。
步骤206,根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息。
其中,元素关键码值(Key value)具体描述目标元素的堆栈空间存储地址。且各元素数值与各元素关键码值的对应关系具体为:一个元素数值与至少一个元素关键码值对应。各元素关键码值与各访问记录信息的对应关系具体为,一个元素关键码值与一个访问记录信息一一对应,即访问记录信息(ViewModel)具体连接:元素关键码值所对应的元素数值指示元素(Model),以及元素具体的展示状态,且属于同一元素的元素关键码值不会对应相同的访问记录信息,即属于同一元素的元素关键码值不会存在相同的展示状态。
具体地,终端根据各元素数值与各元素关键码值的对应关系,先确定与目标元素对应的待选择元素关键码值,进一步根据各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定能够与各待选择元素关键码值对应的待选择访问记录信息,由此确定与目标交互触发指令匹配的目标访问记录信息。
例如,基于步骤202中的示例,元素A的元素数值为A1,元素B的元素数值为A2,以及元素C的元素数值为A3。各元素数值与各元素关键码值的对应关系包括:元素数值A1对应元素关键码值D1以及元素关键码值D2,目标元素数值A2对应元素关键码值D3以及元素关键码值D4,目标元素数值A3对应元素关键码值D5以及元素关键码值D6。各元素关键码值与各访问记录信息的对应关系包括:元素关键码值D1对应访问记录信息C1,元素关键码值D2对应访问记录信息C2,元素关键码值D3对应访问记录信息C3,元素关键码值D4对应访问记录信息C4,元素关键码值D5对应访问记录信息C5,以及元素关键码值D6对应访问记录信息C6。
而基于步骤204中的示例,所确定的目标交互状态属性匹配的各待选择访问记录信息包括访问记录信息C1、访问记录信息C3以及访问记录信息C5。若目标元素具体为元素A,且那么可以确定目标元素的元素数值为A1,且具有对应的元素关键码值D1以及元素关键码值D2,由于与目标交互状态属性匹配的各待选择访问记录信息包括访问记录信息C1、访问记录信息C3以及访问记录信息C5,与元素关键码值D1或元素关键码值D2具有对应关系的待选择访问记录信息为访问记录信息C1(对应元素关键码值D1),因此可以确定与目标交互触发指令匹配的目标访问记录信息为访问记录信息C1。
步骤208,基于目标访问记录信息包括的元素展示信息,展示目标元素。
具体地,终端基于目标访问记录信息包括的元素展示信息,展示所确定的目标元素。即终端基于元素布局信息确定目标元素的展示位置,以及基于元素状态信息确定目标元素具体以何种元素状态展示。元素状态可以包括:高亮、特殊着色、放大以及缩小等。
为便于理解,如图5所示,图5中(A)图示出的是用户对终端的显示界面502中的元素504(目标元素)进行点击操作,通过前述方式,可以得到图5中(B)图示出的:在终端的显示界面502中展示特殊着色后的目标元素504。
上述元素展示的方法中,通过各交互状态属性与各访问记录信息的对应关系,各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,能够准确定位与目标交互触发指令匹配的目标访问记录信息,从而基于目标访问记录信息包括的元素展示信息,展示目标元素,避免元素可选择的显示状态较多时,产生二义性的问题,从而提升元素展示的准确度。
在一个实施例中,如图6所示,目标元素包括第一子元素以及第二子元素。基于此,步骤208,基于目标访问记录信息包括的元素展示信息,展示目标元素,具体包括:
步骤602,基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素。
具体地,由于目标元素包括第一子元素以及第二子元素,即终端会先在显示界面展示各元素,用户基于需求对显示界面展示的第一子元素以及第二子元素进行交互操作,从而生成针对目标元素的目标交互触发指令,此时第一子元素以及第二子元素构成目标元素。且用户对第一子元素以及第二子元素进行交互操作的交互类型相同。
基于此,终端能够根据图2所示出实施例的类似方式,根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息,再根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息,最后基于第一子元素的元素展示信息展示第一子元素,以及基于第二子元素的元素展示信息展示第二子元素。
为便于理解,如图7所示,图7中(A)图示出的是用户对终端的显示界面702中的第一子元素704以及第一子元素706进行选择且向外拉伸操作,此时目标元素即为第一子元素704以及第一子元素706,通过前述方式,可以得到图7中(B)图示出的:在终端的显示界面702中展示特殊着色且放大后的第一子元素704,以及特殊着色且放大后的第一子元素706。
本实施例中,基于第一子元素的元素展示信息展示第一子元素,以及基于第二子元素的元素展示信息展示第二子元素,在避免产生二义性问题从而提升元素展示的准确度基础上,进一步地提升元素展示的多样性以及灵活性。
在一个实施例中,如图8所示,元素展示信息包括元素布局信息。基于此,步骤602,基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素,具体包括:
步骤802,基于第一子元素的元素布局信息,以及第二子元素的元素布局信息,计算得到第一子元素的第一展示位置,以及第二子元素的第二展示位置。
其中,元素布局信息包括但不元素坐标信息,以及元素尺寸信息。
具体地,终端基于第一子元素的元素布局信息中的元素坐标信息,计算得到第一子元素的第一展示位置,应理解,终端还能够基于第一子元素的元素布局信息中的元素尺寸信息,计算第一子元素在第一展示位置的第一展示尺寸。同理,终端通过类似方式基于第二子元素的元素布局信息中的元素坐标信息,计算得到第二子元素的第二展示位置,且基于第二子元素的元素布局信息中的元素尺寸信息,计算第二子元素在第二展示位置的第二展示尺寸。各子元素的展示尺寸可以不相同。
步骤804,在第一展示位置上展示第一子元素,以及在第二展示位置上展示第二子元素。
具体地,终端在第一展示位置上以第一展示尺寸展示第一子元素,以及在第二展示位置上以第二展示尺寸展示第二子元素。
本实施例中,具体通过元素布局信息确定元素展示的具体展示位置以及展示尺寸,能够保证各元素在准确的展示位置以合适的展示尺寸进行展示,避免多个元素展示时出现位置重叠等问题,从而提升元素展示的可靠性。
目前,对元素进行展示时通常将UI View类在展示元素时为所绘制的背景,且一个元素对应一个UI View类,因此,当目标元素包括多个子元素时,即需要多个UI View类在展示各子元素时作为绘制的背景,从而完成对子元素的展示,由此会增加元素展示所占用的处理资源。而由于位图图像(Bitmap)也可称为点阵图像或栅格图像,是由称作像素(图片元素)的单个点组成的,这些点可以进行不同的排列和染色以构成图样。因此,本实施例中基于一个位图图像展示多个子元素。
在一个实施例中,第一展示位置为第一子元素在位图图像上的展示位置,第二展示位置为第二子元素在位图图像上的展示位置。
下面将详细介绍如何基于位图图像,在不同的展示位置展示多个子元素的方式:为便于理解,如图9所示,具体包括如下步骤:
步骤902,确定背景容器。各元素的具体背景容器使用UI View类,UI View类包括CALayer属性,UI View相当于在显示时为元素绘制的背景。
步骤904,添加分类。具体为:终端给UI View类中的CALayer属性增加分类。其中,分类能给原有类直接增加方法、间接增加属性或者成员变量。终端通过加载动态链接库,以加载可执行文件,通过runtime生成类、成员变量以及方法列表,在UI View类的方法列表生成完之后,会开始加载UI View类中各属性分类后的方法列表。取到UI View类中各属性分类后的列表数组(按编译时的顺序排序),然后按倒序从分类列表里取出每个分类的方法列表,生成一个二维数组。把二维数组中的方法,按正序即从0索引开始,插入到UI View类的方法列表中(一维的数组),从而给UI View类中的CALayer属性增加分类。
步骤906,确定在位图图像上的展示位置。具体地,终端基于第一子元素的元素布局信息中的元素坐标信息,计算得到第一子元素在位图图像上的展示位置,以及基于第二子元素的元素布局信息中的元素坐标信息,计算得到第二子元素在位图图像上的展示位置。
步骤908,设置表示层。具体地,终端将元素将访问记录信息包括各类信息转换为Core Text中的基本数据类型,其过程由转换函数进行实现,此处不再赘述。由此,终端生成位图图像,并且将所生成的位图图像设置到UI View类中的表示层。
基于此,终端通过图9所示出的步骤,最后将所生成的位图图像设置到UI View类中的表示层,再基于位图图像,在不同的展示位置展示多个子元素。即终端在第一子元素在位图图像上的展示位置上,以第一展示尺寸展示第一子元素,以及在第二子元素在位图图像上的展示位置上,以第二展示尺寸展示第二子元素。
本实施例中,通过对UI View类中的CALayer属性进行分类,由此生成位图图像,并基于位图图像,在不同的展示位置展示多个子元素,当目标元素包括多个子元素时,避免多个UI View类分别在展示各子元素时作为绘制的背景,降低元素展示所占用的处理资源。
在一个实施例中,如图10所示,元素展示信息包括元素状态信息。基于此,步骤602,基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素,具体包括:
步骤1002,基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,确定第一子元素的第一展示状态,以及第二子元素的第二展示状态。
其中,元素状态信息包括但不限于元素的展示颜色、元素的元素图像以及元素的元素渲染路径。
具体地,终端基于第一子元素的元素布局信息中的元素展示信息,确定第一子元素的展示颜色、元素图像以及元素渲染路径。同理,终端通过类似方式基于第二子元素的元素布局信息中的元素状态信息,确定第二子元素的展示颜色、元素图像以及元素渲染路径。例如,第一子元素的展示颜色为“灰色”,第二子元素的展示颜色为“黑色”,以及第一子元素的元素图像为“放大后的图像”,第二子元素的展示颜色为“缩小后的图像”等。
步骤1004,基于第一展示状态展示第一子元素,并基于第二展示状态展示第二子元素。
具体地,终端基于第一子元素的展示颜色、元素图像以及元素渲染路径,展示第一子元素,以及基于第二子元素的展示颜色、元素图像以及元素渲染路径,展示第二子元素。
本实施例中,具体通过元素状态信息确定元素展示的具体展示颜色、元素图像以及元素渲染路径等展示状态,能够保证各元素以准确的展示状态进行展示,从而提升元素展示的可靠性。
通过前述实施例可知,目前,对元素进行展示时通常将UI View类在展示元素时为所绘制的背景,且一个元素对应一个UI View类,因此,当目标元素包括多个子元素时,即需要多个UI View类在展示各子元素时作为绘制的背景,从而完成对子元素的展示,由此会增加元素展示所占用的处理资源。因此,本实施例中基于一个位图图像展示多个子元素。
在一个实施例中,第一展示状态包括第一子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,第二展示状态包括第二子元素在位图图像上的展示颜色、元素图像以及元素渲染路径。
下面将详细介绍如何基于位图图像,通过不同的展示状态展示多个子元素的方式:为便于理解,如图11所示,具体包括如下步骤:
步骤1102,确定背景容器。
步骤1104,添加分类。
步骤1102以及步骤1104与前述步骤902以及步骤904类似,此处不再赘述。
步骤1106,获取View Model,并绘制背景(Context)。具体地,终端遍历TMFItemSelector以获取各元素对应的View Model,然后在CALayer属性的分类中重写DrawLayer:inContext:方法,且具体参数为各View Model对应的元素,通过inContext:方法可以通过调用CGContextSetStrokeColor以基于元素展示信息绘制元素在位图图像上的展示颜色,调用CGContextDrawImage以基于元素展示信息绘制元素在位图图像上的元素图像,以及调用CGContextDrawPath以基于元素展示信息绘制元素在位图图像上的元素渲染路径,从而得到各元素在位图图像上可以呈现的背景。
步骤1108,设置表示层。具体地,终端将元素将访问记录信息包括各类信息转换为Core Text中的基本数据类型,其过程由转换函数进行实现,此处不再赘述。由此,终端生成位图图像,并且将所生成的位图图像设置到UI View类中的表示层。
基于此,终端通过图11所示出的步骤,最后将所生成的位图图像设置到UI View类中的表示层,再基于位图图像,通过不同的展示状态展示多个子元素。即终端基于第一子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,展示第一子元素,以及基于第二子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,展示第二子元素。
本实施例中,通过对UI View类中的CALayer属性进行分类,由此生成位图图像,并基于位图图像,通过不同的展示状态展示多个子元素,当目标元素包括多个子元素时,避免多个UI View类分别在展示各子元素时作为绘制的背景,降低元素展示所占用的处理资源。
前述实施例中提及各元素数值与各元素关键码值的对应关系,下面将详细说明书如何得到各元素数值与各元素关键码值的对应关系:
在一个实施例中,如图12所示,元素展示的方法还包括:
步骤1202,获取元素散列表,元素散列表包括各元素,且元素具有唯一对应的元素数值。
其中,元素散列表也可以被称为哈希表(Hash table),元素散列表具体是根据元素关键码值而直接进行访问的数据结构。也就是说,元素散列表通过把元素关键码值映射到表中一个位置,该位置能够与访问记录信息建立对应关系。因此,前述映射函数叫做散列函数,存放各元素的数组叫做散列表。基于此,由于元素关键码值具体为元素对应的堆栈空间存储地址,因此在获取元素散列表时,元素散列表仅包括各元素,且元素具有唯一对应的元素数值。
具体地,终端具体通过TMFItemSelector获取元素散列表。例如,元素散列表包元素A、元素B以及元素C,且元素A的元素数值为A1,元素B的元素数值为A2,以及元素C的元素数值为A3。
步骤1204,获取列表数据,列表数据包括各元素对应的各元素布局信息以及各元素状态信息。
其中,列表数据可以为服务器传入的数据、其他业务模块传入的数据、或本地文件数据。其次,列表数据包括但不限于各元素对应的:各元素布局信息、各元素状态信息以及各交互事件,每个交互事件均具有对应的交互状态属性。
具体地,终端具体通过TMFItemSelector获取列表数据。例如,列表数据包括元素A的元素布局信息E1、元素布局信息E2、元素状态信息F1以及元素状态信息F2,以及元素B的元素布局信息E3、元素布局信息E4、元素状态信息F3以及元素状态信息F4,元素C的元素布局信息E5、元素布局信息E6、元素状态信息F5以及元素状态信息F6。
步骤1206,基于列表数据确定各元素对应的各堆栈空间存储地址,一个堆栈空间存储地址存储一个元素布局信息以及一个元素状态信息。
具体地,由于列表数据包括各元素对应的各元素布局信息以及各元素状态信息,因此终端确定元素散列表中各元素的各元素布局信息以及各元素状态信息,分别存储于堆栈空间的具体存储地址,然后将存储由于一个元素布局信息以及一个元素状态信息的存储地址确定为元素对应的各堆栈空间存储地址。
例如,基于步骤1204中的示例,若元素布局信息E1以及元素状态信息F1存储于堆栈空间存储地址G1,元素布局信息E2以及元素状态信息F2存储于堆栈空间存储地址G2,元素布局信息E3以及元素状态信息F3存储于堆栈空间存储地址G3,元素布局信息E4以及元素状态信息F4存储于堆栈空间存储地址G4,元素布局信息E5以及元素状态信息F5存储于堆栈空间存储地址G5,元素布局信息E6以及元素状态信息F6存储于堆栈空间存储地址G6。
步骤1208,将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,并基于元素散列表创建各元素数值与各元素关键码值的对应关系。
具体地,终端将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值。进一步地,由于元素散列表包括各元素,且元素具有唯一对应的元素数值,因此终端还可以基于元素散列表创建各元素数值与各元素关键码值的对应关系。
例如,基于步骤1206中的示例,各元素对应的各堆栈空间存储地址可以包括:堆栈空间存储地址G1为元素关键码值D1,堆栈空间存储地址G2具体为元素关键码值D2,堆栈空间存储地址G3具体为元素关键码值D3,堆栈空间存储地址G4具体为元素关键码值D4,堆栈空间存储地址G5具体为元素关键码值D5,以及堆栈空间存储地址G6具体为元素关键码值D6。
进一步地,再基于步骤1202中的示例,由于元素散列表包元素A、元素B以及元素C,且元素A的元素数值为A1,元素B的元素数值为A2,以及元素C的元素数值为A3,因此可以创建各元素数值与各元素关键码值的对应关系包括:元素数值A1对应元素关键码值D1以及元素关键码值D2,目标元素数值A2对应元素关键码值D3以及元素关键码值D4,目标元素数值A3对应元素关键码值D5以及元素关键码值D6。
本实施例中,通过列表数据确定各元素对应的各堆栈空间存储地址,保证各元素的元素布局信息以及元素状态信息能够在堆栈空间中具有具体存储地址,保证信息存储的可靠性。其次,再基于元素散列表创建各元素数值与各元素关键码值的对应关系,保证能够元素散列表中的各元素能够具有准确对应的元素关键码值,即元素关键码值能够准确描述各元素的元素布局信息以及元素状态信息,从而保证元素展示的可靠性。
在一个实施例中,如图13所示,元素展示信息包括元素布局信息以及元素状态信息。基于此,元素展示的方法还包括:
步骤1302,基于列表数据,创建各元素关键码值与各访问记录信息的对应关系。
其中,元素展示信息包括元素布局信息以及元素状态信息。元素布局信息包括但不元素坐标信息,以及元素尺寸信息,以及元素状态信息包括但不限于元素的展示颜色、元素的元素图像以及元素的元素渲染路径。
具体地,由于元素展示信息包括元素布局信息以及元素状态信息,且由于访问记录信息用于存储以及管理UI组件相关的数据信息,而元素展示信息就属于UI组件相关的数据信息,因此可以确定访问记录信息具体包括元素的元素展示信息。基于此,终端需要先基于列表数据确定每个元素对应的访问记录信息包括的元素展示信息,即确定元素的一个访问记录信息包括对应的一个元素布局信息以及对应的一个元素状态信息。
其次,由于已通过前述步骤基于列表数据确定各元素对应的各堆栈空间存储地址,此处不再赘述。终端再将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,前述堆栈空间存储地址存储一个元素布局信息以及一个元素状态信息,因此基于堆栈空间存储地址所存储的元素布局信息以及元素状态信息,与访问记录信息包括元素布局信息以及元素状态信息,可以创建各元素关键码值与各访问记录信息的对应关系。
例如,基于步骤1204的示例,列表数据包括元素A的元素布局信息E1、元素布局信息E2、元素状态信息F1以及元素状态信息F2,以及元素B的元素布局信息E3、元素布局信息E4、元素状态信息F3以及元素状态信息F4,元素C的元素布局信息E5、元素布局信息E6、元素状态信息F5以及元素状态信息F6。因此,终端可以确定:访问记录信息C1包括元素布局信息E1以及元素状态信息F1,访问记录信息C2包括元素布局信息E2以及元素状态信息F2,访问记录信息C3包括元素布局信息E3以及元素状态信息F3,访问记录信息C4包括元素布局信息E4以及元素状态信息F4,访问记录信息C5包括素布局信息E5以及元素状态信息F5,以及访问记录信息C6包括元素布局信息E6以及元素状态信息F6。
基于此,基于步骤1206中的示例,空间存储地址G1存储元素布局信息E1以及元素状态信息F1,空间存储地址G2存储元素布局信息E2以及元素状态信息F2,空间存储地址G3存储元素布局信息E3以及元素状态信息F3,空间存储地址G4存储元素布局信息E4以及元素状态信息F4,空间存储地址G5存储元素布局信息E5以及元素状态信息F5,以及空间存储地址G6存储元素布局信息E6以及元素状态信息F6。此时终端可以确定:访问记录信息C1与空间存储地址G1对应,访问记录信息C2与空间存储地址G2对应,访问记录信息C3与空间存储地址G3对应,访问记录信息C4与空间存储地址G4对应,访问记录信息C5与空间存储地址G5对应,访问记录信息C6与空间存储地址G6对应。
进一步地,步骤1206中的示例还具体举例各元素对应的各堆栈空间存储地址可以包括:堆栈空间存储地址G1为元素关键码值D1,堆栈空间存储地址G2具体为元素关键码值D2,堆栈空间存储地址G3具体为元素关键码值D3,堆栈空间存储地址G4具体为元素关键码值D4,堆栈空间存储地址G5具体为元素关键码值D5,以及堆栈空间存储地址G6具体为元素关键码值D6。因此终端可以进一步地确定:访问记录信息C1与元素关键码值D1对应,访问记录信息C2与元素关键码值D2对应,访问记录信息C3与元素关键码值D3对应,访问记录信息C4与元素关键码值D4对应,访问记录信息C5与元素关键码值D5对应,访问记录信息C6与元素关键码值D6对应。
本实施例中,通过列表数据确定访问记录信息具体包括元素的元素展示信息,保证通过一个访问记录信息能够准确对应元素的一个元素展示信息,以避免二义性问题的产生,基于此,再具体基于堆栈空间存储地址所存储的元素布局信息以及元素状态信息,与访问记录信息包括元素布局信息以及元素状态信息,创建各元素关键码值与各访问记录信息的对应关系,保证元素关键码值所存储的元素展示信息,与访问记录信息所需展示调用的访问记录信息准确对应,进一步地提升元素展示的可靠性以及准确度。
在一个实施例中,如图14所示,列表数据还包括各元素对应的各交互事件,交互事件具有对应的交互状态属性。基于此,元素展示的方法还包括:
步骤1402,基于列表数据,创建各交互状态属性与各访问记录信息的对应关系。
其中,列表数据还包括各元素对应的各交互事件,交互事件具有对应的交互状态属性,目标交互状态属性具体用于描述对目标元素进行交互操作(或产生交互事件)的交互类型,因此交互事件具有对应的交互状态属性。前述交互事件可以为触摸事件、点击事件、长按事件以及滑动事件等。例如,交互事件为触摸事件,那么对应的交互状态属性即为触摸,同理,交互事件为长按事件,那么对应的交互状态属性即为长按。
具体地,由于元素展示信息包括各元素对应的各交互事件,基于此,终端需要先基于列表数据确定每个元素对应的访问记录信息包括的元素展示信息,即确定元素的一个访问记录信息包括对应的一个元素布局信息、对应的一个元素状态信息以及对应的一个交互事件,而交互事件与交互状态属性具有一一对应的关系,因此终端可以基于访问记录信息包括的交互事件,与交互事件与交互状态属性之间一一对应的关系,由此创建各交互状态属性与各访问记录信息的对应关系。
例如,列表数据包括元素A的元素布局信息E1、元素布局信息E2、元素状态信息F1、元素状态信息F2、交互事件H1以及交互事件H2,以及元素B的元素布局信息E3、元素布局信息E4、元素状态信息F3、元素状态信息F4、交互事件H1以及交互事件H2。因此,终端可以通过实际需求确定:访问记录信息C1包括元素布局信息E1、元素状态信息F1以及交互事件H1,访问记录信息C2包括元素布局信息E2、元素状态信息F2以及交互事件H2,访问记录信息C3包括元素布局信息E3、元素状态信息F3以及交互事件H1,访问记录信息C4包括元素布局信息E4、元素状态信息F4以及交互事件H2。
若交互事件H1对应交互状态属性B1,而交互事件H2对应交互状态属性B2,那么可以各交互状态属性与各访问记录信息的对应关系包括:交互状态属性B1与访问记录信息C1具有对应关系,交互状态属性B1与访问记录信息C3具有对应关系,交互状态属性B2与访问记录信息C2具有对应关系,以及交互状态属性B2与访问记录信息C4具有对应关系。
本实施例中,通过列表数据确定访问记录信息具体包括元素的元素展示信息,保证通过一个访问记录信息能够准确对应一个元素的一个交互事件,以避免二义性问题的产生,基于此,再具体基于交互事件与交互状态属性的一一对应关系,各交互状态属性与各访问记录信息的对应关系,通过一一映射的对应关系各交互状态属性的能够准确映射到具体的保访问记录信息,进一步地提升元素展示的可靠性以及准确度。
基于前述实施例,下面将详细描述元素展示的完整流程,如图15所示,提供了一种元素展示的方法,以该方法应用于图1中的终端102为例进行说明,包括以下步骤:
步骤1501,获取元素散列表。
其中,元素散列表也可以被称为哈希表(Hash table),元素散列表具体是根据元素关键码值而直接进行访问的数据结构。也就是说,元素散列表通过把元素关键码值映射到表中一个位置,该位置能够与访问记录信息建立对应关系。因此,前述映射函数叫做散列函数,存放各元素的数组叫做散列表。基于此,由于元素关键码值具体为元素对应的堆栈空间存储地址,因此在获取元素散列表时,元素散列表仅包括各元素,且元素具有唯一对应的元素数值。
具体地,终端具体通过TMFItemSelector获取元素散列表。
步骤1502,获取列表数据。
其中,列表数据可以为服务器传入的数据、其他业务模块传入的数据、或本地文件数据。其次,列表数据包括但不限于各元素对应的:各元素布局信息、各元素状态信息以及各交互事件,每个交互事件均具有对应的交互状态属性。
具体地,终端具体通过TMFItemSelector获取列表数据。
步骤1503,基于列表数据确定各元素对应的各堆栈空间存储地址。
具体地,由于列表数据包括各元素对应的各元素布局信息以及各元素状态信息,因此终端确定元素散列表中各元素的各元素布局信息以及各元素状态信息,分别存储于堆栈空间的具体存储地址,然后将存储由于一个元素布局信息以及一个元素状态信息的存储地址确定为元素对应的各堆栈空间存储地址。
步骤1504,将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,并基于元素散列表创建各元素数值与各元素关键码值的对应关系。
具体地,终端将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值。进一步地,由于元素散列表包括各元素,且元素具有唯一对应的元素数值,因此终端还可以基于元素散列表创建各元素数值与各元素关键码值的对应关系。
步骤1505,基于列表数据,创建各元素关键码值与各访问记录信息的对应关系。
其中,元素展示信息包括元素布局信息以及元素状态信息。元素布局信息包括但不元素坐标信息,以及元素尺寸信息,以及元素状态信息包括但不限于元素的展示颜色、元素的元素图像以及元素的元素渲染路径。
具体地,由于元素展示信息包括元素布局信息以及元素状态信息,且由于访问记录信息用于存储以及管理UI组件相关的数据信息,而元素展示信息就属于UI组件相关的数据信息,因此可以确定访问记录信息具体包括元素的元素展示信息。基于此,终端需要先基于列表数据确定每个元素对应的访问记录信息包括的元素展示信息,即确定元素的一个访问记录信息包括对应的一个元素布局信息以及对应的一个元素状态信息。
其次,由于已通过前述步骤基于列表数据确定各元素对应的各堆栈空间存储地址,此处不再赘述。终端再将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,前述堆栈空间存储地址存储一个元素布局信息以及一个元素状态信息,因此基于堆栈空间存储地址所存储的元素布局信息以及元素状态信息,与访问记录信息包括元素布局信息以及元素状态信息,可以创建各元素关键码值与各访问记录信息的对应关系。
步骤1506,基于列表数据,创建各交互状态属性与各访问记录信息的对应关系。
其中,列表数据还包括各元素对应的各交互事件,交互事件具有对应的交互状态属性,目标交互状态属性具体用于描述对目标元素进行交互操作(或产生交互事件)的交互类型,因此交互事件具有对应的交互状态属性。前述交互事件可以为触摸事件、点击事件、长按事件以及滑动事件等。例如,交互事件为触摸事件,那么对应的交互状态属性即为触摸,同理,交互事件为长按事件,那么对应的交互状态属性即为长按。
具体地,由于元素展示信息包括各元素对应的各交互事件,基于此,终端需要先基于列表数据确定每个元素对应的访问记录信息包括的元素展示信息,即确定元素的一个访问记录信息包括对应的一个元素布局信息、对应的一个元素状态信息以及对应的一个交互事件,而交互事件与交互状态属性具有一一对应的关系,因此终端可以基于访问记录信息包括的交互事件,与交互事件与交互状态属性之间一一对应的关系,由此创建各交互状态属性与各访问记录信息的对应关系。
步骤1507,获取针对目标元素的目标交互触发指令。
其中,其中,目标元素由至少一个元素(Item)组成。目标交互触发指令为用户对目标元素进行交互操作生成的指令,或者说用户对目标元素产生交互事件生成的指令,交互操作可以为触摸操作、点击操作、长按操作以及滑动操作等,即交互事件可以为触摸事件、点击事件、长按事件以及滑动事件等。其次,目标元素数值具体为目标元素的元素标识,一个元素具有唯一指示的元素数值。且目标元素包括第一子元素以及第二子元素。
具体地,终端会先在显示界面展示各元素,此时各元素可以为预设展示信息所展示的元素,或为基于上一交互触发指令所确定的元素展示信息所展示的元素。基于此,用户基于需求对显示界面展示的各元素中第一子元素以及第二子元素进行交互操作,从而生成针对目标元素的目标交互触发指令,且被用户选择进行交互操作的第一子元素以及第二子元素即构成目标元素。
步骤1508,根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息。
具体地,终端根据各交互状态属性与各访问记录信息的对应关系,将与目标交互状态属性具有对应关系的访问记录信息确定为待选择访问记录信息,由此确定与目标交互状态属性匹配的各待选择访问记录信息。
步骤1509,根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息。
其中,元素关键码值具体描述目标元素的堆栈空间存储地址。且各元素数值与各元素关键码值的对应关系具体为:一个元素数值与至少一个元素关键码值对应。各元素关键码值与各访问记录信息的对应关系具体为,一个元素关键码值与一个访问记录信息一一对应,即访问记录信息具体连接:元素关键码值所对应的元素数值指示元素,以及元素具体的展示状态,且属于同一元素的元素关键码值不会对应相同的访问记录信息,即属于同一元素的元素关键码值不会存在相同的展示状态。
具体地,终端根据各元素数值与各元素关键码值的对应关系,先确定与目标元素对应的待选择元素关键码值,进一步根据各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定能够与各待选择元素关键码值对应的待选择访问记录信息,由此确定与目标交互触发指令匹配的目标访问记录信息。
步骤1510,基于第一子元素的元素布局信息,以及第二子元素的元素布局信息,计算得到第一子元素的第一展示位置,以及第二子元素的第二展示位置。
其中,元素布局信息包括但不元素坐标信息,以及元素尺寸信息。第一展示位置为第一子元素在位图图像上的展示位置,第二展示位置为第二子元素在位图图像上的展示位置。
具体地,终端基于第一子元素的元素布局信息中的元素坐标信息,计算得到第一子元素的第一展示位置,应理解,终端还能够基于第一子元素的元素布局信息中的元素尺寸信息,计算第一子元素在第一展示位置的第一展示尺寸。同理,终端通过类似方式基于第二子元素的元素布局信息中的元素坐标信息,计算得到第二子元素的第二展示位置,且基于第二子元素的元素布局信息中的元素尺寸信息,计算第二子元素在第二展示位置的第二展示尺寸。各子元素的展示尺寸可以不相同。
步骤1511,基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,确定第一子元素的第一展示状态,以及第二子元素的第二展示状态。
其中,元素状态信息包括但不限于元素的展示颜色、元素的元素图像以及元素的元素渲染路径。第一展示状态具体包括第一子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,第二展示状态包括第二子元素在位图图像上的展示颜色、元素图像以及元素渲染路径。
具体地,终端基于第一子元素的元素布局信息中的元素展示信息,确定第一子元素的展示颜色、元素图像以及元素渲染路径。同理,终端通过类似方式基于第二子元素的元素布局信息中的元素状态信息,确定第二子元素的展示颜色、元素图像以及元素渲染路径。
步骤1512,基于第一展示状态在第一展示位置上展示第一子元素,并基于第二展示状态在第二展示位置上展示第二子元素。
具体地,终端在第一子元素在位图图像上的展示位置上,基于第一子元素的展示颜色、元素图像以及元素渲染路径,以第一展示尺寸展示第一子元素,以及终端在第二子元素在位图图像上的展示位置上,基于第二子元素的展示颜色、元素图像以及元素渲染路径,以第二展示尺寸展示第二子元素。
应理解,图15所示出的流程中各步骤的具体实施方式,与前述实施例中所描述的具体实施方式类似,此处不再赘述。且前述实施例中的示例均用于理解本方案,不应理解为对本方案的限定。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的元素展示的方法的元素展示的装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个元素展示的装置实施例中的具体限定可以参见上文中对于元素展示的方法的限定,在此不再赘述。
在一个实施例中,如图16所示,提供了一种元素展示的装置,包括:获取模块1602、确定模块1604和展示模块1606,其中:
获取模块1602,用于获取针对目标元素的目标交互触发指令,目标交互触发指令包括目标元素的目标元素数值,以及目标交互触发指令的目标交互状态属性;
确定模块1604,用于根据各交互状态属性与各访问记录信息的对应关系,确定与目标交互状态属性匹配的各待选择访问记录信息,访问记录信息包括元素的元素展示信息;并根据各元素数值与各元素关键码值的对应关系,以及各元素关键码值与各访问记录信息的对应关系,从各待选择访问记录信息中,确定与目标交互触发指令匹配的目标访问记录信息;
展示模块1606,用于基于目标访问记录信息包括的元素展示信息,展示目标元素。
在一个实施例中,目标元素包括第一子元素以及第二子元素;
展示模块1606,具体用于基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,展示第一子元素以及第二子元素。
在一个实施例中,元素展示信息包括元素布局信息;
展示模块1606,具体用于基于第一子元素的元素布局信息,以及第二子元素的元素布局信息,计算得到第一子元素的第一展示位置,以及第二子元素的第二展示位置;并在第一展示位置上展示第一子元素,以及在第二展示位置上展示第二子元素。
在一个实施例中,第一展示位置为第一子元素在位图图像上的展示位置,第二展示位置为第二子元素在位图图像上的展示位置。
在一个实施例中,元素展示信息包括元素状态信息;
展示模块1606,具体用于基于第一子元素的元素展示信息,以及第二子元素的元素展示信息,确定第一子元素的第一展示状态,以及第二子元素的第二展示状态;并基于第一展示状态展示第一子元素,并基于第二展示状态展示第二子元素。
在一个实施例中,第一展示状态包括第一子元素在位图图像上的展示颜色、元素图像以及元素渲染路径,第二展示状态包括第二子元素在位图图像上的展示颜色、元素图像以及元素渲染路径。
在一个实施例中,元素展示的装置还包括创建模块1608,其中:
获取模块1602,还用于获取元素散列表,元素散列表包括各元素,且元素具有唯一对应的元素数值;并获取列表数据,列表数据包括各元素对应的各元素布局信息以及各元素状态信息;
确定模块1604,还用于基于列表数据确定各元素对应的各堆栈空间存储地址,一个堆栈空间存储地址存储一个元素布局信息以及一个元素状态信息;
创建模块1608,用于将各元素对应的各堆栈空间存储地址,确定为各元素的元素关键码值,并基于元素散列表创建各元素数值与各元素关键码值的对应关系。
在一个实施例中,元素展示信息包括元素布局信息以及元素状态信息;
创建模块1608,还用于基于列表数据,创建各元素关键码值与各访问记录信息的对应关系。
在一个实施例中,列表数据还包括各元素对应的各交互事件,交互事件具有对应的交互状态属性;
创建模块1608,还用于基于列表数据,创建各交互状态属性与各访问记录信息的对应关系。
上述元素展示的装置中的各模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图17所示。该计算机设备包括处理器、存储器、输入/输出接口、通信接口、显示单元和输入装置。其中,处理器、存储器和输入/输出接口通过系统总线连接,通信接口、显示单元和输入装置通过输入/输出接口连接到系统总线。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种元素展示的方法。该计算机设备的显示单元用于形成视觉可见的画面,可以是显示屏、投影装置或虚拟现实成像装置,显示屏可以是液晶显示屏或电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图17中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (13)
1.一种元素展示的方法,其特征在于,所述方法包括:
获取针对目标元素的目标交互触发指令,所述目标交互触发指令包括所述目标元素的目标元素数值,以及所述目标交互触发指令的目标交互状态属性;
根据各交互状态属性与各访问记录信息的对应关系,确定与所述目标交互状态属性匹配的各待选择访问记录信息,所述访问记录信息包括元素的元素展示信息;
根据各元素数值与各元素关键码值的对应关系,以及各所述元素关键码值与各所述访问记录信息的对应关系,从各所述待选择访问记录信息中,确定与所述目标交互触发指令匹配的目标访问记录信息;
基于所述目标访问记录信息包括的元素展示信息,展示所述目标元素。
2.根据权利要求1所述的方法,其特征在于,所述目标元素包括第一子元素以及第二子元素;
所述基于所述目标访问记录信息包括的元素展示信息,展示所述目标元素,包括:
基于所述第一子元素的元素展示信息,以及所述第二子元素的元素展示信息,展示所述第一子元素以及所述第二子元素。
3.根据权利要求2所述的方法,其特征在于,所述元素展示信息包括元素布局信息;
所述基于所述第一子元素的元素展示信息,以及所述第二子元素的元素展示信息,展示所述第一子元素以及所述第二子元素,包括:
基于所述第一子元素的元素布局信息,以及所述第二子元素的元素布局信息,计算得到所述第一子元素的第一展示位置,以及所述第二子元素的第二展示位置;
在所述第一展示位置上展示所述第一子元素,以及在所述第二展示位置上展示所述第二子元素。
4.根据权利要求3所述的方法,其特征在于,所述第一展示位置为所述第一子元素在位图图像上的展示位置,所述第二展示位置为所述第二子元素在所述位图图像上的展示位置。
5.根据权利要求2至4任一项所述的方法,其特征在于,所述元素展示信息包括元素状态信息;
所述基于所述第一子元素的元素展示信息,以及所述第二子元素的元素展示信息,展示所述第一子元素以及所述第二子元素,包括:
基于所述第一子元素的元素展示信息,以及所述第二子元素的元素展示信息,确定所述第一子元素的第一展示状态,以及所述第二子元素的第二展示状态;
基于所述第一展示状态展示所述第一子元素,并基于所述第二展示状态展示所述第二子元素。
6.根据权利要求5所述的方法,其特征在于,所述第一展示状态包括所述第一子元素在所述位图图像上的展示颜色、元素图像以及元素渲染路径,所述第二展示状态包括所述第二子元素在所述位图图像上的展示颜色、元素图像以及元素渲染路径。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取元素散列表,所述元素散列表包括各所述元素,且所述元素具有唯一对应的元素数值;
获取列表数据,所述列表数据包括各所述元素对应的各元素布局信息以及各元素状态信息;
基于所述列表数据确定各所述元素对应的各堆栈空间存储地址,一个堆栈空间存储地址存储一个所述元素布局信息以及一个所述元素状态信息;
将各所述元素对应的各所述堆栈空间存储地址,确定为各所述元素的所述元素关键码值,并基于所述元素散列表创建各所述元素数值与各所述元素关键码值的对应关系。
8.根据权利要求7所述的方法,其特征在于,所述元素展示信息包括所述元素布局信息以及所述元素状态信息;
所述方法还包括:
基于所述列表数据,创建各所述元素关键码值与各所述访问记录信息的对应关系。
9.根据权利要求7或8所述的方法,其特征在于,所述列表数据还包括各所述元素对应的各交互事件,所述交互事件具有对应的交互状态属性;
所述方法还包括:
基于所述列表数据,创建各所述交互状态属性与各所述访问记录信息的对应关系。
10.一种元素展示的装置,其特征在于,所述装置包括:
获取模块,用于获取针对目标元素的目标交互触发指令,所述目标交互触发指令包括所述目标元素的目标元素数值,以及所述目标交互触发指令的目标交互状态属性;
确定模块,用于根据各交互状态属性与各访问记录信息的对应关系,确定与所述目标交互状态属性匹配的各待选择访问记录信息,所述访问记录信息包括元素的元素展示信息;并根据各元素数值与各元素关键码值的对应关系,以及各所述元素关键码值与各所述访问记录信息的对应关系,从各所述待选择访问记录信息中,确定与所述目标交互触发指令匹配的目标访问记录信息;
展示模块,用于基于所述目标访问记录信息包括的元素展示信息,展示所述目标元素。
11.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至9中任一项所述的方法的步骤。
12.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。
13.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210825696.6A CN117435100A (zh) | 2022-07-14 | 2022-07-14 | 元素展示的方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210825696.6A CN117435100A (zh) | 2022-07-14 | 2022-07-14 | 元素展示的方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117435100A true CN117435100A (zh) | 2024-01-23 |
Family
ID=89555879
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210825696.6A Pending CN117435100A (zh) | 2022-07-14 | 2022-07-14 | 元素展示的方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117435100A (zh) |
-
2022
- 2022-07-14 CN CN202210825696.6A patent/CN117435100A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220392144A1 (en) | Image rendering method and apparatus, electronic device, and storage medium | |
US7661071B2 (en) | Creation of three-dimensional user interface | |
US11430163B2 (en) | Displaying a chart without rendering entirely obscured markers | |
CN113535165A (zh) | 界面生成方法、装置、电子设备及计算机可读存储介质 | |
CN114003160A (zh) | 数据可视化展示方法、装置、计算机设备和存储介质 | |
US11315300B2 (en) | Multi-spectral rendering for synthetics | |
CN116466935A (zh) | 模板处理方法、装置、计算机设备和存储介质 | |
CN117112090A (zh) | 业务页面主题生成方法、装置、计算机设备、介质和产品 | |
US10529100B2 (en) | Interaction-driven format for graph visualization | |
CN116883563A (zh) | 标注点渲染方法、装置、计算机设备、存储介质 | |
CN117557677A (zh) | 图表绘制方法、装置和计算机设备 | |
WO2023050744A1 (zh) | 地图编辑方法、系统、装置、计算设备、程序产品和存储介质 | |
CN117435100A (zh) | 元素展示的方法、装置、计算机设备和存储介质 | |
CN115617441A (zh) | 绑定模型和图元的方法、装置、存储介质及计算机设备 | |
CN115357696A (zh) | 基于组件的动态图表看板展示方法及相关设备 | |
US20200258275A1 (en) | Bar chart optimization | |
CN117612192A (zh) | 电子图纸信息识别方法、系统、电子设备、存储介质 | |
CN114218338A (zh) | 地图层级信息文件生成方法、装置、设备和存储介质 | |
CN114201464A (zh) | 数据展示方法、装置、计算机设备和存储介质 | |
CN116977528A (zh) | 图案渲染方法、装置、计算机设备、存储介质 | |
CN117032690A (zh) | 主题界面生成方法、装置、计算机设备及存储介质 | |
CN117130606A (zh) | 前端页面配置方法、装置、计算机设备和存储介质 | |
CN118535432A (zh) | 图形绘制方法、装置、设备、存储介质及程序产品 | |
CN117707582A (zh) | 虚拟对象的装配更新方法、装置和计算机设备 | |
CN118193083A (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 |