CN114064774A - 应用程序的表视图加载方法、装置、设备及存储介质 - Google Patents
应用程序的表视图加载方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN114064774A CN114064774A CN202111358120.5A CN202111358120A CN114064774A CN 114064774 A CN114064774 A CN 114064774A CN 202111358120 A CN202111358120 A CN 202111358120A CN 114064774 A CN114064774 A CN 114064774A
- Authority
- CN
- China
- Prior art keywords
- information
- picture
- view
- loading
- control
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 193
- 238000000034 method Methods 0.000 claims abstract description 62
- 230000002452 interceptive effect Effects 0.000 claims description 50
- 238000012512 characterization method Methods 0.000 claims description 34
- 230000003993 interaction Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 16
- 230000004044 response Effects 0.000 claims description 16
- 238000007781 pre-processing Methods 0.000 claims description 5
- 238000012216 screening Methods 0.000 claims description 4
- 238000013473 artificial intelligence Methods 0.000 abstract description 2
- 230000008569 process Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 9
- 238000009877 rendering Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/254—Extract, transform and load [ETL] procedures, e.g. ETL data flows in data warehouses
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及人工智能技术领域,公开了一种应用程序的表视图加载方法、装置、设备及存储介质,方法包括:获取待加载的表视图的数据类型标签以及视图宽度;根据数据类型标签以及视图宽度,从服务器获取对应表视图的表单信息数据集;依次获取表单信息数据集的表单信息,利用预设的视图创建模型创建对应表单信息的表视图单元,并将表视图单元阵列布设于表视图中;根据表单信息加载表视图单元时,判断表单信息是否包含表征图片信息,其中,表征图片信息包括与表单信息对应的加载结果图,并且,加载结果图的图片宽度与视图宽度对应;当所述表单信息包含表征图片信息时,表视图单元通过预设的表征图片加载控件加载与表单信息对应的加载结果图。
Description
技术领域
本申请涉及人工智能的技术领域,尤其涉及一种应用程序的表视图加载方法、装置、设备及存储介质。
背景技术
现有技术中,终端设备通常使用表视图来加载列表数据,而表视图单元则为表视图的组成部分。传统的表视图单元在加载过程中,通常根据列表数据依次对表视图单元的子视图控件进行赋值,来加载列表界面。加载过程逻辑复杂,不利于后期维护。
发明内容
本申请的主要目的在于提供一种应用程序的表视图加载方法、装置、设备及存储介质,旨在简化应用程序的表视图的加载逻辑。
第一方面,本申请提供一种应用程序的表视图加载方法,包括:
获取待加载的表视图的数据类型标签以及视图宽度;
根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
第二方面,本申请还提供一种应用程序的表视图加载装置,所述应用程序的表视图加载装置包括:
预处理模块,用于获取待加载的表视图的数据类型标签以及视图宽度;
信息获取模块,用于根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
视图单元创建模块,用于依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
信息判断模块,用于根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
第一加载模块,用于当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
第三方面,本申请还提供一种计算机设备,所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序,其中所述计算机程序被所述处理器执行时,实现如上所述的应用程序的表视图加载方法的步骤。
第四方面,本申请还提供一种存储介质,所述计算机可读存储介质上存储有计算机程序,其中所述计算机程序被处理器执行时,实现如上所述的应用程序的表视图加载方法的步骤。
本申请提供一种应用程序的表视图加载方法、装置、设备及存储介质,本申请中,获取到对应待加载表视图的表单信息数据集后,根据表单信息数据集对表视图的各个表视图单元进行加载时,判断表视图单元对应的表单信息是否包含表征图片信息,如果包含表征图片信息,则表视图单元只需要加载表征图片信息中与表单信息对应的加载结果图,即可完成表视图单元的加载显示。通过本申请所提供的技术方案,简化了应用程序的表视图的加载逻辑。
附图说明
为了更清楚地说明本申请实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种应用程序的表视图加载方法的步骤流程示意图;
图2为本申请实施例提供的一种应用程序的表视图加载装置的示意性框图;
图3为本申请实施例提供的一种计算机设备的结构示意性框图。
本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
附图中所示的流程图仅是示例说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解、组合或部分合并,因此实际执行的顺序有可能根据实际情况改变。另外,虽然在装置示意图中进行了功能模块的划分,但是在某些情况下,可以以不同于装置示意图中的模块划分。
本申请实施例提供一种应用程序的表视图加载方法、装置、设备及存储介质。其中,该应用程序的表视图加载方法应用于终端设备中,该终端设备可以为手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备。
下面结合附图,对本申请的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
请参照图1,图1为本申请实施例提供的一种应用程序的表视图加载方法的步骤流程示意图。
如图1所示,该应用程序的表视图加载方法包括步骤S10至步骤S14。
步骤S10、获取待加载的表视图的数据类型标签以及视图宽度。
可以理解,表视图为终端设备的应用程序的其中一种视图控件。表视图的数据类型标签用于标识待加载的表视图的数据类型,不同的表视图对应的数据类型标签不同。另外,数据类型标签可以为字符串类型,可以为数值类型,也可以为其他类型,在此不做限制。
示例性的,若待加载的表视图用于加载商品列表,则数据类型标签为商品列表标签;若待加载的表视图用于加载订单列表,则数据类型标签为订单列表标签;若待加载的表视图用于加载购物车列表,则数据类型标签为购物车标签。
可以理解,表视图的视图宽度与表视图在应用程序的设置有关,也与终端设备的屏幕宽度有关。示例性的,假设应用程序将表视图的宽度设置为固定宽度,则无论终端设备的屏幕宽度为多少,表视图的视图宽度也固定不变。假设应用程序将表视图的宽度设置为与终端设备的屏幕宽度的百分之八十,此时,表视图的视图宽度随终端设备的屏幕宽度变化,即终端设备的屏幕宽度越大,表视图的视图宽度也越大。
步骤S11、根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集。
可以理解,获取到待加载的表视图的数据类型标签以及视图宽度后,则终端设备可以根据数据类型标签以及视图宽度构建请求信息,向服务器发起网络请求,以获取用于表视图加载的表单信息数据集。表单信息数据集可以为数组类型,也可以为集合类型,在此不做限制。
步骤S12、依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中。
可以理解,表单信息数据集中装载有多个表单信息,每个表单信息都各自通过一个对应的表视图单元来加载。示例性的,假设表单信息数据集中包括10个表单信息,则需要对应创建10个表视图单元,每个表视图单元对应加载一个表单信息。
视图创建模型为预设模型,用于创建表视图单元。并且,通过视图创建模型创建出来的表视图单元中,设置有与表单信息的数据结构匹配的子视图控件,表视图单元通过各个子视图控件展示表单信息。
将各个表视图单元布设于表视图中,则表视图成为了各个表视图单元的容器视图,各个表视图单元可在表视图中滑动。
步骤S13、根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应。
可以理解,表单信息中可能包括表征图片信息,也可能不包括表征图片信息,表视图单元加载表单信息时,先判断表单信息中是否包含有表征图片信息。
与表单信息对应的的加载结果图,为表视图单元根据表单信息加载完成时,通过屏幕截取得到的结果图片。该图片存储于服务器中,在终端设备向服务器获取对应表视图的列表数据时,服务器若判断到数据库中存在与表单信息对应的加载结果图,并且该图片对应的图片宽度与终端设备发送的视图宽度对应,则服务器返回的该表单信息中包括有表征图片信息。
在一些实施方式中,表征图片信息中包括有与表单信息对应的加载结果图的下载地址。在一些实施方式中,表征图片信息中也可以直接包括与表单信息对应的加载结果图,在此不做限制。
步骤S14、当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
可以理解,表征图片加载控件为设置于表视图单元的其中一个子视图控件,表视图单元通过表征图片加载控件来加载对应表单信息的加载结果图,示例性的,假设终端设备为苹果手机,则表征图片加载控件为UIImageView,专门用于加载图片。
本申请所提供的技术方案中,只要表单信息中包含表征图片信息,则表视图单元通过表征图片加载控件对表征图片信息的加载结果图进行加载,即可完成表视图单元的渲染,简化了表视图中各个表视图单元的加载逻辑。
另外,因为加载结果图的图片宽度与表视图的视图宽度对应,即表征图片加载控件的尺寸与加载结果图的尺寸匹配,则表征图片加载控件对加载结果图进行加载时,不需要对加载结果图进行拉伸或者挤压处理,可以降低图片加载过程中应用程序的内存占用率,避免引发性能问题,导致应用程序闪退。
在一些实施方式中,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图,包括:
判断所述表征图片信息是否包括对应所述加载结果图的缩略图片信息以及标准图片信息,其中,所述缩略图片信息对应的缩略图片所占的存储空间小于所述标准图片信息对应的标准图片所占的存储空间;
当所述表征图片信息包括所述缩略图片信息以及所述标准图片信息时,所述表征图片加载控件根据所述缩略图片信息完成图片加载后,再根据所述标准图片信息进行图片加载。
可以理解,图片加载的过程包括获取图片过程以及渲染图片过程。虽然缩略图片与标准图片的尺寸相同,但是因为缩略图片所占存储空间小于标准图片,如果缩略图片以及标准图片都需要通过下载获取,则获取图片的过程中,下载缩略图片所需的时间会比下载标准图片所需的时间短。另外,因为缩略图片的清晰度比标准图片的清晰度低,则在渲染图片过程中,渲染缩略图片所需的时间也会比渲染标准图片所需的时间短。
即,与加载标准图片相比,表征图片加载控件加载缩略图片所花的时间会更短。在本实施方式中,表征图片加载控件完成缩略图片信息的加载后,再加载标准图片信息,可以提高用户体验。
在一些实施方式中,所述根据所述标准图片信息进行图片加载,包括:
根据所述标准图片信息获取所述标准图片;
将所述标准图片分割成若干个子图片;
所述表征图片加载控件根据各个所述子图片对应所述标准图片的位置信息,依次加载所述子图片。
可以理解,标准图片所占存储空间比缩略图片所占的存储空间大,对应的,标准图片也比缩略图片清晰。表征图片加载控件加载标准图片时,需要花费更多的内存资源。
表视图运行在终端设备的应用程序中,加载表视图时,如果存在多个表视图单元的表征图片加载控件同时加载标准图片,可能会因为图片加载的过程中内存资源占用过高,导致应用程序卡顿,甚至引发程序闪退。
本实施方式中,将表准图片分割成若干个子图片,并依次对子图片进行加载,可以降低表征图片加载控件对标准图片进行加载的过程中的内存资源占用,避免引发内存问题,造成应用程序卡顿甚至闪退,提高用户体验。
在一些实施方式中,所述根据所述标准图片信息获取所述标准图片,包括:
根据所述标准图片信息获取对应所述标准图片的图片标识;
根据所述图片标识判断所述终端设备的内存中是否存储有所述标准图片;
当所述内存中存储有所述标准图片时,获取所述标准图片;
当所述内存中未存储有所述标准图片时,从所述终端设备的硬盘中获取所述标准图片;
当所述硬盘中未存储有所述标准图片时,则根据所述标准图片信息获取对应所述标准图片的下载路径,并根据所述下载路径下载所述标准图片;
下载所述标准图片完成时,获取所述标准图片,并将所述标准图片存储到所述内存以及所述硬盘中。
可以理解,通过标准图片的图片标识,可以识别终端设备的内存中以及硬盘中是否存在标准图片。另外,从终端设备的内存获取图片所花费的时间要小于从终端设备的硬盘获取图片所花费的时间,并且,从终端设备的硬盘获取图片所花费的时间要小于下载图片所花费的时间。
本实施方式中,获取标准图片时,先从内存获取,如果内存中没有,则从硬盘获取,如果硬盘中还是没有,再通过下载获取。通过本实施方式所提供的技术方案,可以更快的获得标准图片,间接减小了表征图片加载控件加载标准图片所花费的时间,提高了用户体验。
在一些实施方式中,该应用程序的表视图加载方法还包括:
当所述表单信息不包含所述表征图片信息时,根据所述表视图单元中各个子视图控件对应的视图标签,从所述表单信息中匹配对应各个所述子视图控件的信息数据,以加载各个所述子视图控件;
当所述表视图单元加载完成时,对所述表视图单元进行屏幕截取,得到所述表单信息的所述加载结果图;
根据所述加载结果图生成对应所述表单信息的所述表征图片信息,并将所述表征图片信息上传给所述服务器进行存储。
可以理解,如果表单信息中不包含表征图片信息,则表视图单元需要根据各个预设于表视图单元的子视图控件来进行视图加载。
具体的,每一个子视图控件都有其对应的功能,示例性的,图片视图控件用于加载图片,文本视图控件用于加载文字信息,按钮视图控件用于响应点击事件等。在加载过程中,通过各个子视图控件的视图标签,从表单信息中匹配对应的信息数据,来加载各个子视图控件。当表视图单元中的各个子视图控件加载完成时,表视图单元加载完成。此时,通过屏幕截取获取表视图单元的加载结果所得到的图片,即为表单信息对应的加载结果图。根据加载结果图生成对应表单信息的表征图片信息,并存储在服务器中。
通过本实施例所提供的技术方案,下次从服务器获取到的表单信息数据集中,这个表单信息会包括表征图片信息,也即,下次加载表视图的时候,对应这个表单信息的表视图单元仅需加载表征图片信息中的加载结果图,即可完成表视图单元的加载。本实施例简化了表视图单元在下次加载这个表单信息时的加载逻辑。
在一些实施方式中,所述根据所述加载结果图生成对应所述表单信息的所述表征图片信息,包括:
从所述表视图单元的各个所述子视图控件中筛选绑定有点击事件的交互视图控件;
依次对各个所述交互视图控件的布设信息以及所述点击事件对应的点击事件标识,得到对应各个所述交互视图控件的交互控件信息;
根据各个所述交互视图控件的交互控件信息,得到对应所述表视图单元的交互控件信息集;
根据所述加载结果图以及所述交互控件信息集,生成对应所述表单信息的所述表征图片信息;
将所述表征图片信息上传给所述服务器,以使所述服务器将所述表单信息对应的所述表征图片信息存储到表单信息数据库中。
可以理解,如果子视图控件绑定有点击事件,则该子视图控件被点击时,会触发调用对应点击事件的响应方法,完成对应的点击操作。
示例性的,假设表视图为电商平台的订单列表视图,则每个表视图单元对应展示一个订单信息,表视图单元的子视图控件中,可能会存在类似“确认订单”或者“确认收货”的按钮,因为这些按钮绑定了点击事件,所以点击这些按钮的时候,会触发对应的操作。
表视图单元中,绑定有点击事件的子视图控件,即为交互视图控件。交互视图控件的布设信息,包括交互视图控件的坐标信息以及控件尺寸大小信息。通过布设信息,可以确定交互视图控件对应表视图单元的点击响应区域。通过交互视图控件的点击事件标识,可以匹配到对应点击事件的响应方法。
本实施方式所提供的技术方案中,服务器存储的表单信息对应的表征图片信息不仅包括了加载结果图,还包括了交互控件信息集。则下次终端设备需要重新加载这个表单信息的时候,不仅可以根据加载结果图完成表视图单元的显示加载,并且表征图片加载控件被用户点击的时候,还可以根据交互控件信息集匹配点击位置对应的响应方法,执行对应的点击操作。
在一些实施方式中,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图之后,还包括:
当所述表征图片加载控件监听到点击事件时,获取对应所述点击事件的点击坐标;
根据所述表征图片信息获取对应所述表视图单元的所述交互控件信息集;
当所述交互控件信息集中存在所述布设信息对应所述点击坐标的交互控件信息时,得到匹配交互信息;
根据所述匹配交互信息的所述点击事件标识,匹配对应所述点击事件标识的响应方法,并根据所述响应方法对所述点击事件进行响应。
可以理解,当表征图片加载控件被用户点击时,表征图片加载控件监听到点击事件,此时,获取点击事件对应的点击坐标,其中,点击坐标包括点击横轴坐标以及点击纵轴坐标,点击坐标表征了点击事件发生的位置。
交互控件信息集的各个交互控件信息中记录有布设信息以及点击事件标识,点击坐标落于布设信息所在区域的交互控件信息,即为匹配交互信息,通过匹配交互信息对应的点击事件标识,即可匹配对应的响应方法,并通过调用响应方法对点击事件进行处理。
通过本实施方式,利用表视图单元的表征图片加载控件,不仅达到了对应表单信息在终端设备的显示效果,在表征图片加载控件被点击时,还可以实现对应的点击交互功能。
本申请中,获取到对应待加载表视图的表单信息数据集后,根据表单信息数据集对表视图的各个表视图单元进行加载时,判断表视图单元对应的表单信息是否包含表征图片信息,如果包含表征图片信息,则表视图单元只需要加载表征图片信息中与表单信息对应的加载结果图,即可完成表视图单元的加载显示。通过本申请所提供的技术方案,简化了应用程序的表视图的加载逻辑。
请参照图2,图2为本申请实施例提供的一种应用程序的表视图加载装置的示意性框图。
如图2所示,该应用程序的表视图加载装置201,包括:
预处理模块2011,用于获取待加载的表视图的数据类型标签以及视图宽度;
信息获取模块2012,用于根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
视图单元创建模块2013,用于依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
信息判断模块2014,用于根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
第一加载模块2015,用于当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
在一些实施方式中,应用程序的表视图加载装置201还包括第二加载模块2016,用于当所述表单信息不包含所述表征图片信息时,根据所述表视图单元中各个子视图控件对应的视图标签,从所述表单信息中匹配对应各个所述子视图控件的信息数据,以加载各个所述子视图控件;
当所述表视图单元加载完成时,对所述表视图单元进行屏幕截取,得到所述表单信息的所述加载结果图;
根据所述加载结果图生成对应所述表单信息的所述表征图片信息,并将所述表征图片信息上传给所述服务器进行存储。
在一些实施方式中,所述第二加载模块2016在根据所述加载结果图生成对应所述表单信息的所述表征图片信息时,包括:
从所述表视图单元的各个所述子视图控件中筛选绑定有点击事件的交互视图控件;
依次对各个所述交互视图控件的布设信息以及所述点击事件对应的点击事件标识,得到对应各个所述交互视图控件的交互控件信息;
根据各个所述交互视图控件的交互控件信息,得到对应所述表视图单元的交互控件信息集;
根据所述加载结果图以及所述交互控件信息集,生成对应所述表单信息的所述表征图片信息;
将所述表征图片信息上传给所述服务器,以使所述服务器将所述表单信息对应的所述表征图片信息存储到表单信息数据库中。
在一些实施方式中,所述第一加载模块2015在所述表视图单元通过预设的表征图片加载控件加载所述加载结果图时,包括:
判断所述表征图片信息是否包括对应所述加载结果图的缩略图片信息以及标准图片信息,其中,所述缩略图片信息对应的缩略图片所占的存储空间小于所述标准图片信息对应的标准图片所占的存储空间;
当所述表征图片信息包括所述缩略图片信息以及所述标准图片信息时,所述表征图片加载控件根据所述缩略图片信息完成图片加载后,再根据所述标准图片信息进行图片加载。
在一些实施方式中,所述第一加载模块2015在根据所述标准图片信息进行图片加载时,包括:
根据所述标准图片信息获取所述标准图片;
将所述标准图片分割成若干个子图片;
所述表征图片加载控件根据各个所述子图片对应所述标准图片的位置信息,依次加载所述子图片。
在一些实施方式中,所述第一加载模块2015在根据所述标准图片信息获取所述标准图片时,包括:
根据所述标准图片信息获取对应所述标准图片的图片标识;
根据所述图片标识判断所述终端设备的内存中是否存储有所述标准图片;
当所述内存中存储有所述标准图片时,获取所述标准图片;
当所述内存中未存储有所述标准图片时,从所述终端设备的硬盘中获取所述标准图片;
当所述硬盘中未存储有所述标准图片时,则根据所述标准图片信息获取对应所述标准图片的下载路径,并根据所述下载路径下载所述标准图片;
下载所述标准图片完成时,获取所述标准图片,并将所述标准图片存储到所述内存以及所述硬盘中。
在一些实施方式中,应用程序的表视图加载装置201还包括交互响应模块2017,在所述第一加载模块2015执行所述表视图单元通过预设的表征图片加载控件加载所述加载结果图之后,所述交互响应模块2017用于当所述表征图片加载控件监听到点击事件时,获取对应所述点击事件的点击坐标;
根据所述表征图片信息获取对应所述表视图单元的所述交互控件信息集;
当所述交互控件信息集中存在所述布设信息对应所述点击坐标的交互控件信息时,得到匹配交互信息;
根据所述匹配交互信息的所述点击事件标识,匹配对应所述点击事件标识的响应方法,并根据所述响应方法对所述点击事件进行响应。
需要说明的是,所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述的装置和各模块及单元的具体工作过程,可以参考前述应用程序的表视图加载方法实施例中的对应过程,在此不再赘述。
上述实施例提供的装置可以实现为一种计算机程序的形式,该计算机程序可以在如图3所示的计算机设备上运行。
请参阅图3,图3为本申请实施例提供的一种计算机设备的结构示意性框图。该计算机设备包括但不限定于终端设备。
如图3所示,该计算机设备301包括通过***总线连接的处理器3011、存储器和网络接口,其中,存储器可以包括存储介质3012和内存储器3015,存储介质3012可以是非易失性的,也可以是易失性的。
存储介质3012可存储操作***和计算机程序。该计算机程序包括程序指令,该程序指令被执行时,可使得处理器3011执行任意一种应用程序的表视图加载方法。
处理器3011用于提供计算和控制能力,支撑整个计算机设备的运行。
内存储器3015为存储介质3012中的计算机程序的运行提供环境,该计算机程序被处理器3011执行时,可使得处理器3011执行任意一种应用程序的表视图加载方法。
该网络接口用于进行网络通信,如发送分配的任务等。本领域技术人员可以理解,图3中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
应当理解的是,处理器3011可以是中央处理单元(Central Processing Unit,CPU),该处理器3011还可以是其他通用处理器、数字信号处理器(Digital SignalProcessor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中,在一些实施方式中,所述处理器3011用于运行存储在存储器中的计算机程序,以实现如下步骤:
获取待加载的表视图的数据类型标签以及视图宽度;
根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
在一些实施方式中,所述处理器3011还用于实现:
当所述表单信息不包含所述表征图片信息时,根据所述表视图单元中各个子视图控件对应的视图标签,从所述表单信息中匹配对应各个所述子视图控件的信息数据,以加载各个所述子视图控件;
当所述表视图单元加载完成时,对所述表视图单元进行屏幕截取,得到所述表单信息的所述加载结果图;
根据所述加载结果图生成对应所述表单信息的所述表征图片信息,并将所述表征图片信息上传给所述服务器进行存储。
在一些实施方式中,所述处理器3011在根据所述加载结果图生成对应所述表单信息的所述表征图片信息时,用于实现:
从所述表视图单元的各个所述子视图控件中筛选绑定有点击事件的交互视图控件;
依次对各个所述交互视图控件的布设信息以及所述点击事件对应的点击事件标识,得到对应各个所述交互视图控件的交互控件信息;
根据各个所述交互视图控件的交互控件信息,得到对应所述表视图单元的交互控件信息集;
根据所述加载结果图以及所述交互控件信息集,生成对应所述表单信息的所述表征图片信息;
将所述表征图片信息上传给所述服务器,以使所述服务器将所述表单信息对应的所述表征图片信息存储到表单信息数据库中。
在一些实施方式中,所述处理器3011在所述表视图单元通过预设的表征图片加载控件加载所述加载结果图时,用于实现:
判断所述表征图片信息是否包括对应所述加载结果图的缩略图片信息以及标准图片信息,其中,所述缩略图片信息对应的缩略图片所占的存储空间小于所述标准图片信息对应的标准图片所占的存储空间;
当所述表征图片信息包括所述缩略图片信息以及所述标准图片信息时,所述表征图片加载控件根据所述缩略图片信息完成图片加载后,再根据所述标准图片信息进行图片加载。
在一些实施方式中,所述处理器3011在根据所述标准图片信息进行图片加载时,用于实现:
根据所述标准图片信息获取所述标准图片;
将所述标准图片分割成若干个子图片;
所述表征图片加载控件根据各个所述子图片对应所述标准图片的位置信息,依次加载所述子图片。
在一些实施方式中,所述处理器3011在根据所述标准图片信息获取所述标准图片时,用于实现:
根据所述标准图片信息获取对应所述标准图片的图片标识;
根据所述图片标识判断所述终端设备的内存中是否存储有所述标准图片;
当所述内存中存储有所述标准图片时,获取所述标准图片;
当所述内存中未存储有所述标准图片时,从所述终端设备的硬盘中获取所述标准图片;
当所述硬盘中未存储有所述标准图片时,则根据所述标准图片信息获取对应所述标准图片的下载路径,并根据所述下载路径下载所述标准图片;
下载所述标准图片完成时,获取所述标准图片,并将所述标准图片存储到所述内存以及所述硬盘中。
在一些实施方式中,所述处理器3011在所述表视图单元通过预设的表征图片加载控件加载所述加载结果图之后,还用于实现:当所述表征图片加载控件监听到点击事件时,获取对应所述点击事件的点击坐标;
根据所述表征图片信息获取对应所述表视图单元的所述交互控件信息集;
当所述交互控件信息集中存在所述布设信息对应所述点击坐标的交互控件信息时,得到匹配交互信息;
根据所述匹配交互信息的所述点击事件标识,匹配对应所述点击事件标识的响应方法,并根据所述响应方法对所述点击事件进行响应。
需要说明的是,所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述计算机设备的具体工作过程,可以参考前述应用程序的表视图加载方法实施例中的对应过程,在此不再赘述。
本申请实施例还提供一种存储介质,该存储介质为计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序中包括程序指令,所述程序指令被执行时所实现的方法可参照本申请应用程序的表视图加载方法的各个实施例。
其中,所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元,例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备,例如所述计算机设备上配备的插接式硬盘,智能存储卡(SmartMedia Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。
应当理解,在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者***不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者***所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者***中还存在另外的相同要素。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种应用程序的表视图加载方法,应用于终端设备,其特征在于,包括:
获取待加载的表视图的数据类型标签以及视图宽度;
根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
2.根据权利要求1所述的方法,其特征在于,还包括:
当所述表单信息不包含所述表征图片信息时,根据所述表视图单元中各个子视图控件对应的视图标签,从所述表单信息中匹配对应各个所述子视图控件的信息数据,以加载各个所述子视图控件;
当所述表视图单元加载完成时,对所述表视图单元进行屏幕截取,得到所述表单信息的所述加载结果图;
根据所述加载结果图生成对应所述表单信息的所述表征图片信息,并将所述表征图片信息上传给所述服务器进行存储。
3.根据权利要求2所述的方法,其特征在于,所述根据所述加载结果图生成对应所述表单信息的所述表征图片信息,包括:
从所述表视图单元的各个所述子视图控件中筛选绑定有点击事件的交互视图控件;
依次对各个所述交互视图控件的布设信息以及所述点击事件对应的点击事件标识,得到对应各个所述交互视图控件的交互控件信息;
根据各个所述交互视图控件的交互控件信息,得到对应所述表视图单元的交互控件信息集;
根据所述加载结果图以及所述交互控件信息集,生成对应所述表单信息的所述表征图片信息;
将所述表征图片信息上传给所述服务器,以使所述服务器将所述表单信息对应的所述表征图片信息存储到表单信息数据库中。
4.根据权利要求3所述的方法,其特征在于,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图,包括:
判断所述表征图片信息是否包括对应所述加载结果图的缩略图片信息以及标准图片信息,其中,所述缩略图片信息对应的缩略图片所占的存储空间小于所述标准图片信息对应的标准图片所占的存储空间;
当所述表征图片信息包括所述缩略图片信息以及所述标准图片信息时,所述表征图片加载控件根据所述缩略图片信息完成图片加载后,再根据所述标准图片信息进行图片加载。
5.根据权利要求4所述的方法,其特征在于,所述根据所述标准图片信息进行图片加载,包括:
根据所述标准图片信息获取所述标准图片;
将所述标准图片分割成若干个子图片;
所述表征图片加载控件根据各个所述子图片对应所述标准图片的位置信息,依次加载所述子图片。
6.根据权利要求5所述的方法,其特征在于,所述根据所述标准图片信息获取所述标准图片,包括:
根据所述标准图片信息获取对应所述标准图片的图片标识;
根据所述图片标识判断所述终端设备的内存中是否存储有所述标准图片;
当所述内存中存储有所述标准图片时,获取所述标准图片;
当所述内存中未存储有所述标准图片时,从所述终端设备的硬盘中获取所述标准图片;
当所述硬盘中未存储有所述标准图片时,则根据所述标准图片信息获取对应所述标准图片的下载路径,并根据所述下载路径下载所述标准图片;
下载所述标准图片完成时,获取所述标准图片,并将所述标准图片存储到所述内存以及所述硬盘中。
7.根据权利要求3-6中任一项所述的方法,其特征在于,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图之后,还包括:
当所述表征图片加载控件监听到点击事件时,获取对应所述点击事件的点击坐标;
根据所述表征图片信息获取对应所述表视图单元的所述交互控件信息集;
当所述交互控件信息集中存在所述布设信息对应所述点击坐标的交互控件信息时,得到匹配交互信息;
根据所述匹配交互信息的所述点击事件标识,匹配对应所述点击事件标识的响应方法,并根据所述响应方法对所述点击事件进行响应。
8.一种应用程序的表视图加载装置,其特征在于,包括:
预处理模块,用于获取待加载的表视图的数据类型标签以及视图宽度;
信息获取模块,用于根据所述数据类型标签以及所述视图宽度,从服务器获取对应所述表视图的表单信息数据集;
视图单元创建模块,用于依次获取所述表单信息数据集的表单信息,利用预设的视图创建模型创建对应所述表单信息的表视图单元,并将所述表视图单元阵列布设于所述表视图中;
信息判断模块,用于根据所述表单信息加载所述表视图单元时,判断所述表单信息是否包含表征图片信息,其中,根据所述表征图片信息可获取与所述表单信息对应的加载结果图,并且,所述加载结果图的图片宽度与所述视图宽度对应;
第一加载模块,用于当所述表单信息包含所述表征图片信息时,所述表视图单元通过预设的表征图片加载控件加载所述加载结果图。
9.一种计算机设备,其特征在于,所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序,其中所述计算机程序被所述处理器执行时,实现如权利要求1至7中任一项所述的应用程序的表视图加载方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,其中所述计算机程序被处理器执行时,实现如权利要求1至7中任一项所述的应用程序的表视图加载方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111358120.5A CN114064774B (zh) | 2021-11-16 | 2021-11-16 | 应用程序的表视图加载方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111358120.5A CN114064774B (zh) | 2021-11-16 | 2021-11-16 | 应用程序的表视图加载方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114064774A true CN114064774A (zh) | 2022-02-18 |
CN114064774B CN114064774B (zh) | 2024-07-05 |
Family
ID=80273193
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111358120.5A Active CN114064774B (zh) | 2021-11-16 | 2021-11-16 | 应用程序的表视图加载方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114064774B (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103995706A (zh) * | 2014-06-06 | 2014-08-20 | 广州金山网络科技有限公司 | 一种图片缩略图显示方法及装置 |
US10599635B1 (en) * | 2019-07-26 | 2020-03-24 | Capital One Services, Llc | Control systems with independent data processing |
CN113126867A (zh) * | 2021-05-14 | 2021-07-16 | 网易(杭州)网络有限公司 | 浏览器控制方法、装置、浏览器、终端及存储介质 |
-
2021
- 2021-11-16 CN CN202111358120.5A patent/CN114064774B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103995706A (zh) * | 2014-06-06 | 2014-08-20 | 广州金山网络科技有限公司 | 一种图片缩略图显示方法及装置 |
US10599635B1 (en) * | 2019-07-26 | 2020-03-24 | Capital One Services, Llc | Control systems with independent data processing |
CN113126867A (zh) * | 2021-05-14 | 2021-07-16 | 网易(杭州)网络有限公司 | 浏览器控制方法、装置、浏览器、终端及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114064774B (zh) | 2024-07-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110244984B (zh) | 应用程序处理方法、装置、存储介质和计算机设备 | |
CN110020325B (zh) | 页面加载方法、装置、设备及可读存储介质 | |
US20150116540A1 (en) | Method and apparatus for applying a tag/identification to a photo/video immediately after capture | |
CN105988837B (zh) | 一种应用程序的安装方法及装置 | |
CN109361948B (zh) | 界面管理方法、智能终端及可读存储介质 | |
CN110837366A (zh) | 一种表单生成方法、电子装置及计算机可读存储介质 | |
CN112099684A (zh) | 一种搜索展示方法、装置及电子设备 | |
CN109614600B (zh) | 报表展示方法、装置及计算机存储介质 | |
CN111507063A (zh) | 文本处理方法、装置、设备及计算机可读存储介质 | |
CN112148395A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN109582401B (zh) | 推广图片生成方法、装置、存储介质和计算机设备 | |
CN112286616A (zh) | 动态壁纸设置方法、装置及电子设备 | |
CN114064774B (zh) | 应用程序的表视图加载方法、装置、设备及存储介质 | |
CN113127425B (zh) | 图片处理方法、装置及电子设备 | |
CN113987241A (zh) | 图像显示方法、图像显示装置、电子设备和可读存储介质 | |
CN112817493A (zh) | 内容共享方法、装置、计算机设备及存储介质 | |
CN111796736A (zh) | 应用程序的分享方法、装置和电子设备 | |
CN111191063A (zh) | 图片的分类方法、装置、终端及存储介质 | |
CN112308074A (zh) | 用于生成缩略图的方法和装置 | |
CN113032855B (zh) | 座位的排布方法、***、计算设备及存储介质 | |
CN113448951B (zh) | 数据处理方法、装置、设备及计算机可读存储介质 | |
CN113393373B (zh) | 图标处理方法及装置 | |
CN114237589A (zh) | 一种骨架屏生成方法、装置、终端设备及存储介质 | |
CN110059281B (zh) | 图片显示方法、装置、终端及计算机可读存储介质 | |
CN115842956A (zh) | 基于Flutter的图片预览方法、装置、设备及可读存储介质 |
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 |