CN113721814B - 电子书页面展示方法、计算设备及计算机存储介质 - Google Patents
电子书页面展示方法、计算设备及计算机存储介质 Download PDFInfo
- Publication number
- CN113721814B CN113721814B CN202111013797.5A CN202111013797A CN113721814B CN 113721814 B CN113721814 B CN 113721814B CN 202111013797 A CN202111013797 A CN 202111013797A CN 113721814 B CN113721814 B CN 113721814B
- Authority
- CN
- China
- Prior art keywords
- control
- unit control
- content element
- loading
- configuration 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
Abstract
本发明公开了一种电子书页面展示方法、计算设备及计算机存储介质。该方法包括：接收电子书页面访问请求；根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素；响应于电子书页面访问请求，展示绘制后的电子书页面。本发明提供的方案，是通过加载一个单元控件，并在单元控件中绘制内容元素的方式来实现一本电子书的展示，单元控件的加载过程减少了控件间的层级嵌套，而且是预先设置了控件加载配置信息和内容元素加载配置信息，无需再进行复杂的控件测量、布局等计算过程，提升用户体验。
Description
技术领域
本发明涉及计算机技术领域，具体涉及一种电子书页面展示方法、计算设备及计算机存储介质。
背景技术
电子书页面的显示区域具有各种内容图标，例如书籍图标、榜单图标等，每个内容图标是由很多元素组成的，例如书籍封面元素、书籍名称元素、完结状态元素等。
目前，应用客户端都是基于开发系统(例如，安卓系统)的逻辑框架来构建电子书页面的显示区域的，具体地，每本电子书对应的显示区域称为书籍显示单元，每个书籍显示单元都是通过将多个控件进行堆叠而实现的，每个控件分别集成了相应的元素，包含能够响应用户触发事件的可交互控件或无法响应用户触发事件的纯显示性控件。然而，书籍显示单元所集成的元素越多，相应的所集成的控件数量也就越多，且控件布局就会更复杂，导致加载速度缓慢，影响用户查看电子书页面的查看体验。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的电子书页面展示方法、计算设备及计算机存储介质。
根据本发明的一个方面，提供了一种电子书页面展示方法，包括：
接收电子书页面访问请求；
根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素；
响应于电子书页面访问请求，展示绘制后的电子书页面。
根据本发明的另一方面，提供了一种计算设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；
存储器用于存放至少一可执行指令，可执行指令使处理器执行以下操作：
接收电子书页面访问请求；
根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素；
响应于电子书页面访问请求，展示绘制后的电子书页面。
根据本发明的又一方面，提供了一种计算机存储介质，存储介质中存储有至少一可执行指令，可执行指令使处理器执行如上述电子书页面展示方法对应的操作。
本发明提供的方案，是通过加载一个单元控件，并在单元控件中绘制内容元素的方式来实现一本电子书的展示，内容元素不再是集成在各个控件中，因此，单元控件的加载过程减少了控件间的层级嵌套，而且是预先设置了控件加载配置信息和内容元素加载配置信息，无需再进行复杂的控件测量、布局等计算过程，利用系统更优化支持的绘制流程，来提升电子书页面的加载效率，减少用户等待时间，提升用户体验。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1为现有技术的电子书页面的示意图；
图2示出了根据本发明一个实施例的电子书页面展示方法的流程示意图；
图3A示出了根据本发明另一个实施例的电子书页面展示方法的流程示意图；
图3B为本发明基于九宫格布局模板控件实现的电子书页面的示意图；
图3C为单元控件的示意图；
图3D为绘制原理示意图；
图4示出了根据本发明一个实施例的计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明，并且能够将本发明的范围完整的传达给本领域的技术人员。
本发明的发明人发现，现有技术中电子书页面具体是通过在多个控件中集成内容元素实现的，图1为现有技术的电子书页面的示意图。如图1所示，该电子书页面向用户展示了9本电子书信息，这里将每本电子书对应的显示区域称为书籍显示单元，每个书籍显示单元都是通过将4控件进行堆叠而实现的，每个控件分别集成了相应的内容元素，然而，在实际应用中，可能需要更多的控件才能够实现电子书的展示。客户端在呈现电子书页面时，由于需要加载很多控件，且控件之间存在嵌套问题，导致界面的整体加流程复杂，从而加载相对缓慢。为了克服上述问题，本发明的发明人提出了一种电子书页面展示方案。
图2示出了根据本发明一个实施例的电子书页面展示方法的流程示意图。如图2所示，该方法包括以下步骤：
步骤S201，接收电子书页面访问请求。
本实施例提供的电子书页面展示方法可由客户端执行，该客户端支持电子书阅读，例如，可以是电子书应用。本步骤中的电子书页面可以是书架页面、书城页面等页面，其中，书城页面可以包含多个榜单页面，本发明对电子书页面不做具体限定。
具体地，电子书应用提供有相应的电子书页面的访问入口，用户触发相应的访问入口即可跳转至相应的电子书页面。因此，当监测到用户对电子书页面的访问入口的触发操作时，确定接收到电子书页面访问请求。
步骤S202，根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息。
开发管理端在开发电子书应用的SDK时，可以预先设置各个单元控件的加载配置信息及内容元素的加载配置信息，因此，在接收到电子书页面访问请求后，客户端可以获取控件加载配置信息及内容元素加载配置信息。其中，控件加载配置信息定义了所加载的单元控件各种信息，内容元素加载配置信息定义了所加载的内容元素的各种信息。
步骤S203，根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件。
在获取到控件加载配置信息后，可以根据控件加载配置信息，在电子书页面的显示区域加载至少一个单元控件，所加载的单元控件的数量与电子书页面要展示的电子书的数量相对应，例如，电子书页面展示9本电子书，那么需要加载9个单元控件，一本电子书对应一个单元控件，通过一个单元控件来实现对电子书的显示。本实施例中单元控件加载过程，有效减少了控件间层级嵌套，避免了现有技术中多控件层级嵌套和控件的测量及布局所涉及的大量计算，从而提升了加载效率。
步骤S204，针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素。
内容元素可以是文字、图片、视频等多媒体信息，其中，内容元素包括但不限于以下元素：电子书封面元素、电子书名称元素、章节元素、追更元素(完结元素或更新元素)、下载状态元素。
在电子书页面的显示区域加载至少一个单元控件之后，针对任一单元控件，可以根据内容元素加载配置信息在单元控件中绘制内容元素，例如，书籍显示单元上的“电子书名称”、“更新”和“未读过”等内容元素是图片格式或文本格式的文件，而不是控件，当一本电子书存在多个内容元素时，多个内容元素是绘制在同一个单元控件中，而不是一个内容元素集成在一个控件中，从而有效降低了控件使用数量，提升了客户端加载效率。即，一个书籍显示单元整体可以仅用一个单元控件来实现，而不需要加载多个控件，具有较高的加载效率。
步骤S205，响应于电子书页面访问请求，展示绘制后的电子书页面。
在绘制完成内容元素后，响应于电子书页面访问请求，展示绘制后的电子书页。
本发明提供的方案，是通过加载一个单元控件，并在单元控件中绘制内容元素的方式来实现一本电子书的展示，内容元素不再是集成在各个控件中，因此，单元控件的加载过程减少了控件间的层级嵌套，而且是预先设置了控件加载配置信息和内容元素加载配置信息，无需再进行复杂的控件测量、布局等计算过程，利用系统更优化支持的绘制流程，来提升电子书页面的加载效率，减少用户等待时间，提升用户体验。
图3A示出了根据本发明一个实施例的电子书页面展示方法的流程示意图。如图3A所示，该方法包括以下步骤：
步骤S301，接收电子书页面访问请求。
具体地，电子书应用提供有相应的电子书页面的访问入口，用户触发相应的访问入口即可跳转至相应的电子书页面。因此，当监测到用户对电子书页面的访问入口的触发操作时，确定接收到电子书页面访问请求。
步骤S302，根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息。
开发管理端在开发电子书应用的SDK时，可以预先设置各个单元控件的加载配置信息及内容元素的加载配置信息，因此，在接收到电子书页面访问请求后，客户端可以获取控件加载配置信息及内容元素加载配置信息。其中，控件加载配置信息定义了所加载的单元控件各种信息，内容元素加载配置信息定义了所加载的内容元素的各种信息。
其中，内容元素加载配置信息包括：内容元素加载接口、内容元素位置信息和内容元素尺寸信息；内容元素位置信息定义了在单元控件的哪个位置来绘制内容元素，内容元素位置信息具体可以结合单元控件位置信息来设定，例如，内容元素a的绘制位置可以是针对单元控件A的加载位置的相对坐标；内容元素尺寸信息定义了内容元素的宽度和高度。
控件加载配置信息包括：单元控件位置信息、单元控件尺寸信息、单元控件触发事件。单元控件位置信息定义了单元控件的加载位置，即，在电子书页面的哪个位置来加载单元控件；单元控件尺寸信息定义了单元控件的宽度和高度；单元控件触发事件是指触发单元控件时所应执行的操作事件。
需要说明的是，单元控件尺寸信息可以是本领域技术人员根据电子书页面的显示区域而设定的，也可以是根据页面布局模板控件的大小及单元控件间距确定的，单元控件间距指相邻两个单元控件之间的距离。
步骤S303，在电子书页面的显示区域加载页面布局模板控件。
电子书页面的显示区域可以以宫格形式或列表形式来呈现，即同一显示区域中每个书籍显示单元的配置(内容元素的尺寸以及单元控件的尺寸、单元控件触发事件等)基本上是相同的，因此，为了降低开发工作量，可以设置页面布局模板控件，其中，页面布局模板控件包括：宫格布局模板控件、列表布局模板控件。在电子书页面的不同位置直接复用页面布局模板控件，并只需要调整相应的内容元素即可(例如，定义不同的内容元素加载接口)。
需要说明的是，安卓系统的原生开发平台中定义了各种页面布局模板控件，例如“九宫格布局模板控件”或“列表布局模板控件”等。因此，也可以通过指定每个单元控件在页面布局模板控件中的位置，来确定单元控件位置信息，例如单元控件1被放置在九宫格布局模板控件中的第一行第一列的位置，由此降低了开发工作量。
本实施例不限定步骤S302与步骤S303的执行顺序。
步骤S304，根据控件加载配置信息在页面布局模板控件中加载至少一个单元控件。
在获取到控件加载配置信息后，可以根据控件加载配置信息，在页面布局模板控件中加载至少一个单元控件，所加载的单元控件的数量与电子书页面要展示的电子书的数量相对应，例如，若需要展示9本电子书，那么需要在页面布局模板控件中加载9个单元控件，若需要展示5本电子书，那么需要在页面布局模板控件中加载5个单元控件，一本电子书对应一个单元控件，通过一个单元控件来实现对电子书的显示。本实施例中单元控件加载过程，有效减少了控件间层级嵌套，而且无需进行控件的测量与布局，避免了现有技术中多控件层级嵌套和控件的测量及布局所涉及的大量计算，从而提升了加载效率。
图3B为本发明基于九宫格布局模板控件实现的电子书页面的示意图，如图3B所示，在九宫格布局模板控件中加载了9个单元控件，分别为单元控件1-单元控件9。
需要说明的是，步骤S303和步骤S304是可选步骤，本实施例中的客户端还可以根据单元控件位置信息在电子书页面的相应位置布局与单元控件尺寸信息对应大小的单元控件。
步骤S305，针对任一单元控件，按照内容元素尺寸信息，在单元控件中与内容元素位置信息对应的位置，绘制内容元素加载接口对应的内容元素。
在页面布局模板控件中加载至少一个单元控件之后，针对任一单元控件，缓存内容元素加载接口所对应的内容元素，并将内容元素按照相应的内容元素位置信息和内容元素尺寸信息进行呈现，其中，内容元素可以是文字、图片、视频等多媒体信息，而不是控件，能够具有更快的加载效率。
图3C为单元控件的示意图，如图3C所示，按照内容元素尺寸信息将内容元素1、内容元素2、内容元素3绘制在单元控件中与内容元素位置信息对应的位置处。
需要说明的是，页面布局模板控件还可以依次显示每一个单元控件，然后，将各个内容元素绘制到单元控件的相应位置，在完成绘制之后，页面布局模板再依次加载剩余的单元控件。例如，可以在单元控件中绘制电子书名称元素、电子书描述元素、电子书阅读进度元素、电子书封面元素、电子书连载状态元素等。
以页面布局模板控件为九宫格控件，电子书页面为书架页面为例，九宫格控件依次显示每一个单元控件，具体地，通过预先设置的控件间距和九宫格控件大小，计算出单元控件的宽度和高度，之后将电子书名称元素、电子书描述元素、电子书阅读进度元素、电子书封面元素、电子书连载状态元素等电子书名称元素、电子书描述元素、电子书阅读进度元素、电子书封面元素、电子书连载状态元素等内容元素绘制在单元控件的相应位置上，绘制完成后，九宫格控件依次加载剩余的单元控件，从而显示整体的九宫格书架页面。
步骤S306，响应于电子书页面访问请求，展示绘制后的电子书页面。
在绘制完成内容元素后，响应于电子书页面访问请求，展示绘制后的电子书页。
本实施例还能够实现部分内容元素的交互功能，具体地，控件加载配置信息包括：第二单元控件触发事件和第三单元控件触发事件；内容元素包括：第一内容元素和第二内容元素；第一内容元素与第二单元控件触发事件具有关联关系，即，预先建立了第一内容元素与第二单元控件触发事件的关联关系，例如，可以建立第一内容元素的内容元素位置信息与第二单元控件触发事件的关联，以便于根据内容元素位置信息来确定相应的触发事件进行响应；第二内容元素和单元控件的空白区域分别与第三单元控件触发事件具有关联关系，即，预先建立了第二内容元素和单元控件的空白区域与第三单元控件触发事件的关联关系，例如，建立第二内容元素的内容元素位置信息与第三单元控件触发事件的关联，建立单元控件的空白区域的位置信息与第三单元控件触发事件的关联。
其中，第一内容元素指具有单独交互功能的内容元素，第二内容元素是除第一内容元素之外的其它内容元素，该第二内容元素不能实现单独的交互功能。对于不具有单独交互功能的第二内容元素，将第二内容元素和单元控件的空白区域作为整体，来定义所需要响应的各种第三单元控件触发事件。
步骤S307，监测携带有操作位置坐标的页面触发操作。
客户端向用户展示绘制完成后的电子书页面，当用户想对电子书页面中的任一电子书进行操作时，用户可以在电子书页面执行相应的页面触发操作，例如，点击操作或长按操作等，客户端获取到页面触发操作对应的操作位置坐标。
在监测携带有操作位置坐标的页面触发操作之后，客户端将操作位置坐标与第一内容元素的内容元素位置信息进行匹配，以确定操作位置坐标是否落入第一内容元素的内容元素位置信息内，通过上述匹配能够确定用户所执行的页面触发操作的操作对象是否为第一内容元素。
步骤S308，若操作位置坐标与第一内容元素的内容元素位置信息相匹配，则根据第二单元控件触发事件进行响应操作。
若操作位置坐标与第一内容元素的内容元素位置信息相匹配，则可以确定用户所执行的页面触发操作的操作对象是第一内容元素，可以根据第二单元控件触发事件进行响应操作，举例说明，图3C中的内容元素1为第一内容元素，内容元素2、内容元素3为第二内容元素，内容元素1与第二单元控件触发事件S具有关联关系，内容元素2、内容元素3、单元控件的空白区域与第三单元控件触发事件M具有关联关系，当页面触发操作的操作位置坐标与内容元素1的内容元素位置信息相匹配时，可以确定用户触发的是内容元素1，根据第二单元控件触发事件S来进行响应操作，虽然内容元素1不是单独的控件，但是也能够实现基于该内容元素的交互功能，激活相应的触发事件。
步骤S309，若操作位置坐标与第二内容元素的内容元素位置信息相匹配或操作位置坐标与单元控件的空白区域相匹配，则根据第三单元控件触发事件进行响应操作。
若操作位置坐标与第一内容元素的内容元素位置信息不匹配，则确定用户所执行的页面触发操作的操作对象不是第一内容元素，可以确定操作位置坐标与第二内容元素的内容元素位置信息相匹配或操作位置坐标与单元控件的空白区域相匹配，用户所执行的页面触发操作是对整个单元控件而言的，因此，可以根据第三单元控件触发事件进行响应操作，例如，页面触发操作为点击操作，则可以响应跳转至电子书内容页面；页面触发操作为长按操作，则可以选中相应的电子书。
继续上面举例说明，当页面触发操作的操作位置坐标与内容元素2的内容元素位置信息相匹配时，可以确定用户触发的是内容元素2，由于内容元素2不具有单独的交互功能，因此，以单元控件为整体进行响应，内容元素2与第三单元控件触发事件M相关联，可以根据第三单元控件触发事件M来进行响应操作；当页面触发操作的操作位置坐标与单元控件的空白区域相匹配时，通过查询确定空白区域与第三单元控件触发事件M相关联，可以根据第三单元控件触发事件M来进行响应操作。
在本发明一种可选实施方式中，还可以不做部分内容元素的交互功能的设定，这里预先定义了第一单元控件触发事件，第一单元控件触发事件是单元控件的整体事件，与单元控件内的内容元素无关，具体地，监测用户对单元控件执行的控件触发操作，根据控件触发操作对应的第一单元控件触发事件进行响应操作，即，用户所执行的控件触发操作的操作对像是单元控件整体，在进行响应时也是按照所对应的第一单元控件触发进行响应操作，无需判定控件触发操作的具体操作对象。
现有技术中，客户端在进行电子书展示时，客户端的控件是一层一层地堆叠起来的，并且一些控件的层与层之间可能还会存在父子依赖关系。在接收到用户操作时，客户端需要对每层控件的触发事件进行分析，以确定应当执行针对哪个控件所定义的用户触发事件，例如当用户触摸点击书籍标题控件或书籍封面控件时，需要进行判定，但都会跳转到电子书页面。相比之下，本实施例通过单元控件来实现电子书的展示，就不存在多层控件的触发事件的检测问题了，并可以直接依据此单元控件的第一单元控件触发事件来进行对应的响应操作，能够在较大程度上提升书籍显示单元的响应效率。
本实施例能够具有更快的加载效率，主要在于现有技术所采用的多控件技术，在客户端加载多个控件的过程中，涉及到客户端对多个不同控件的测量和布局，这些操作是比较耗时的；相比之下，本实施例的客户端可以直接加载图文类型的内容元素，并使用了单元控件，不再依赖于通用的系统大而全的测量与布局流程，预先定义了单元控件位置信息、单元控件尺寸信息、单元控件触发事件、内容元素尺寸信息、内容元素位置信息，依据上述信息进行展示即可，会在很大程度上节约加载时间。此外，在移动设备升级迭代的过程中，一般都会提升和优化对多媒体元素的处理能力，因此随着移动设备的升级迭代，本专利的显示效率的优势也就更加明显。
这里以安卓系统(Android系统)为例，从Android3.0(API Level 11)开始，Android 2D渲染管道能够更好的支持硬件加速。硬件加速在target api大于等于14的情况下，是默认开启的。开启硬件加速后，系统的绘制效率得到了显著的提高。单元控件原理正是利用了android系统升级后硬件加速对绘制效率的提升，将原本耗时的测量，布局过程减少，放到效率大大提升的绘制流程中去，从而实现整体效率的提高。
以下为Android系统支持硬件加速将绘制效率提升的原理，如图3D所示：
Android屏幕绘制分为纯软件绘制(CPU)和硬件加速绘制(通过OpenGL调用GPU进行)；
其中硬件加速绘制中CPU负责视图操作树的构建，GPU负责渲染绘制；
GPU有更大的算术运算单元更擅长浮点运算；
硬件加速的主要原理，就是通过底层软件代码，将CPU不擅长的图形计算转换成GPU专用指令，由GPU完成。
表1为纯软件绘制(CPU)和硬件加速绘制(通过OpenGL调用GPU进行)在不同场景下的对比分析。
表1：
本发明提供的方案，是通过加载一个单元控件，并在单元控件中绘制内容元素的方式来实现一本电子书的展示，内容元素不再是集成在各个控件中，因此，单元控件的加载过程减少了控件间的层级嵌套，而且是预先设置了控件加载配置信息和内容元素加载配置信息，无需再进行复杂的控件测量、布局等计算过程，利用系统更优化支持的绘制流程，来提升电子书页面的加载效率，减少用户等待时间，提升用户体验；通过建立部分内容元素与相应的单元控件触发事件的关联关系，实现了部分内容元素的交互功能。
本发明实施例还提供了一种非易失性计算机存储介质，计算机存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的电子书页面展示方法。
可执行指令具体可以用于使得处理器执行以下操作：
接收电子书页面访问请求；
根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素；
响应于电子书页面访问请求，展示绘制后的电子书页面。
在一种可选的实现方式中，可执行指令进一步使处理器执行以下操作：
在电子书页面的显示区域加载页面布局模板控件；
根据控件加载配置信息在页面布局模板控件中加载至少一个单元控件。
在一种可选的实现方式中，内容元素加载配置信息包括：内容元素加载接口、内容元素位置信息和内容元素尺寸信息；
可执行指令进一步使处理器执行以下操作：
针对任一单元控件，按照内容元素尺寸信息，在单元控件中与内容元素位置信息对应的位置，绘制内容元素加载接口对应的内容元素。
在一种可选的实现方式中，控件加载配置信息包括：第一单元控件触发事件；
可执行指令还使处理器执行以下操作：监测用户对单元控件执行的控件触发操作，根据控件触发操作对应的第一单元控件触发事件进行响应操作。
在一种可选的实现方式中，控件加载配置信息包括：第二单元控件触发事件和第三单元控件触发事件；内容元素包括：第一内容元素和第二内容元素；第一内容元素与第二单元控件触发事件具有关联关系；第二内容元素和单元控件的空白区域分别与第三单元控件触发事件具有关联关系。
在一种可选的实现方式中，可执行指令还使处理器执行以下操作：
监测携带有操作位置坐标的页面触发操作；
若操作位置坐标与第一内容元素的内容元素位置信息相匹配，则根据第二单元控件触发事件进行响应操作；
若操作位置坐标与第二内容元素的内容元素位置信息相匹配或操作位置坐标与单元控件的空白区域相匹配，则根据第三单元控件触发事件进行响应操作。
在一种可选的实现方式中，控件加载配置信息还包括：单元控件位置信息、单元控件尺寸信息。
在一种可选的实现方式中，单元控件尺寸信息是根据页面布局模板控件的大小及单元控件间距确定的。
在一种可选的实现方式中，页面布局模板控件包括：宫格布局模板控件、列表布局模板控件。
在一种可选的实现方式中，内容元素包括：电子书封面元素、电子书名称元素、章节元素、追更元素、下载状态元素。
图4示出了根据本发明一个实施例的计算设备的结构示意图，本发明具体实施例并不对计算设备的具体实现做限定。
如图4所示，该计算设备可以包括：处理器(processor)402、通信接口(Communications Interface)404、存储器(memory)406、以及通信总线408。
其中：处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。
通信接口404，用于与其它设备比如客户端或其它服务器等的网元通信。
处理器402，用于执行程序410，具体可以执行上述电子书页面展示方法实施例中的相关步骤。
具体地，程序410可以包括程序代码，该程序代码包括计算机操作指令。
处理器402可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。
存储器406，用于存放程序410。存储器406可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
程序410具体可以用于使得处理器402执行以下操作：
接收电子书页面访问请求；
根据电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据内容元素加载配置信息在单元控件中绘制内容元素；
响应于电子书页面访问请求，展示绘制后的电子书页面。
在一种可选的实现方式中，程序410进一步使处理器402执行以下操作：
在电子书页面的显示区域加载页面布局模板控件；
根据控件加载配置信息在页面布局模板控件中加载至少一个单元控件。
在一种可选的实现方式中，内容元素加载配置信息包括：内容元素加载接口、内容元素位置信息和内容元素尺寸信息；
程序410进一步使处理器402执行以下操作：
针对任一单元控件，按照内容元素尺寸信息，在单元控件中与内容元素位置信息对应的位置，绘制内容元素加载接口对应的内容元素。
在一种可选的实现方式中，控件加载配置信息包括：第一单元控件触发事件；
程序410还使处理器402执行以下操作：监测用户对单元控件执行的控件触发操作，根据控件触发操作对应的第一单元控件触发事件进行响应操作。
在一种可选的实现方式中，控件加载配置信息包括：第二单元控件触发事件和第三单元控件触发事件；内容元素包括：第一内容元素和第二内容元素；第一内容元素与第二单元控件触发事件具有关联关系；第二内容元素和单元控件的空白区域分别与第三单元控件触发事件具有关联关系。
在一种可选的实现方式中，程序410还使处理器402执行以下操作：监测携带有操作位置坐标的页面触发操作；
若操作位置坐标与第一内容元素的内容元素位置信息相匹配，则根据第二单元控件触发事件进行响应操作；
若操作位置坐标与第二内容元素的内容元素位置信息相匹配或操作位置坐标与单元控件的空白区域相匹配，则根据第三单元控件触发事件进行响应操作。
在一种可选的实现方式中，控件加载配置信息还包括：单元控件位置信息、单元控件尺寸信息。
在一种可选的实现方式中，单元控件尺寸信息是根据页面布局模板控件的大小及单元控件间距确定的。
在一种可选的实现方式中，页面布局模板控件包括：宫格布局模板控件、列表布局模板控件。
在一种可选的实现方式中，内容元素包括：电子书封面元素、电子书名称元素、章节元素、追更元素、下载状态元素。
在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本发明并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤，除有特殊说明外，不应理解为对执行顺序的限定。
Claims (17)
1.一种电子书页面展示方法，包括：
接收电子书页面访问请求；
根据所述电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据所述控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据所述内容元素加载配置信息在所述单元控件中绘制内容元素；
响应于所述电子书页面访问请求，展示绘制后的电子书页面；
其中，所述控件加载配置信息包括：第二单元控件触发事件和第三单元控件触发事件；所述内容元素包括：第一内容元素和第二内容元素；所述第一内容元素与所述第二单元控件触发事件具有关联关系，第一内容元素指具有单独交互功能的内容元素，所述第二内容元素和所述单元控件的空白区域分别与所述第三单元控件触发事件具有关联关系；
所述方法还包括：监测携带有操作位置坐标的页面触发操作；
若所述操作位置坐标与所述第一内容元素的内容元素位置信息相匹配，则根据所述第二单元控件触发事件进行响应操作；
若所述操作位置坐标与所述第二内容元素的内容元素位置信息相匹配或所述操作位置坐标与所述单元控件的空白区域相匹配，则根据所述第三单元控件触发事件进行响应操作。
2.根据权利要求1所述的方法，其中，所述根据所述控件加载配置信息在电子书页面的显示区域加载至少一个单元控件进一步包括：
在电子书页面的显示区域加载页面布局模板控件；
根据所述控件加载配置信息在所述页面布局模板控件中加载至少一个单元控件。
3.根据权利要求1或2所述的方法，其中，所述内容元素加载配置信息包括：内容元素加载接口、内容元素位置信息和内容元素尺寸信息；
所述针对任一单元控件，根据所述内容元素加载配置信息在所述单元控件中绘制内容元素进一步包括：
针对任一单元控件，按照内容元素尺寸信息，在所述单元控件中与内容元素位置信息对应的位置，绘制内容元素加载接口对应的内容元素。
4.根据权利要求1或2所述的方法，其中，所述控件加载配置信息包括：第一单元控件触发事件；
所述方法还包括：监测用户对单元控件执行的控件触发操作，根据所述控件触发操作对应的第一单元控件触发事件进行响应操作。
5.根据权利要求1或2所述的方法，其中，所述控件加载配置信息还包括：单元控件位置信息、单元控件尺寸信息。
6.根据权利要求5所述的方法，其中，所述单元控件尺寸信息是根据页面布局模板控件的大小及单元控件间距确定的。
7.根据权利要求2所述的方法，其中，所述页面布局模板控件包括：宫格布局模板控件、列表布局模板控件。
8.根据权利要求1或2所述的方法，其中，所述内容元素包括：电子书封面元素、电子书名称元素、章节元素、追更元素、下载状态元素。
9.一种计算设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：
接收电子书页面访问请求；
根据所述电子书页面访问请求，获取控件加载配置信息及内容元素加载配置信息；
根据所述控件加载配置信息在电子书页面的显示区域加载至少一个单元控件；
针对任一单元控件，根据所述内容元素加载配置信息在所述单元控件中绘制内容元素；
响应于所述电子书页面访问请求，展示绘制后的电子书页面；
其中，所述控件加载配置信息包括：第二单元控件触发事件和第三单元控件触发事件；所述内容元素包括：第一内容元素和第二内容元素；所述第一内容元素与所述第二单元控件触发事件具有关联关系，第一内容元素指具有单独交互功能的内容元素，所述第二内容元素和所述单元控件的空白区域分别与所述第三单元控件触发事件具有关联关系；
监测携带有操作位置坐标的页面触发操作；
若所述操作位置坐标与所述第一内容元素的内容元素位置信息相匹配，则根据所述第二单元控件触发事件进行响应操作；
若所述操作位置坐标与所述第二内容元素的内容元素位置信息相匹配或所述操作位置坐标与所述单元控件的空白区域相匹配，则根据所述第三单元控件触发事件进行响应操作。
10.根据权利要求9所述的计算设备，其中，所述可执行指令进一步使所述处理器执行以下操作：
在电子书页面的显示区域加载页面布局模板控件；
根据所述控件加载配置信息在所述页面布局模板控件中加载至少一个单元控件。
11.根据权利要求9或10所述的计算设备，其中，所述内容元素加载配置信息包括：内容元素加载接口、内容元素位置信息和内容元素尺寸信息；
所述可执行指令进一步使所述处理器执行以下操作：
针对任一单元控件，按照内容元素尺寸信息，在所述单元控件中与内容元素位置信息对应的位置，绘制内容元素加载接口对应的内容元素。
12.根据权利要求9或10所述的计算设备，其中，所述控件加载配置信息包括：第一单元控件触发事件；
所述可执行指令还使所述处理器执行以下操作：监测用户对单元控件执行的控件触发操作，根据所述控件触发操作对应的第一单元控件触发事件进行响应操作。
13.根据权利要求9或10所述的计算设备，其中，所述控件加载配置信息还包括：单元控件位置信息、单元控件尺寸信息。
14.根据权利要求13所述的计算设备，其中，所述单元控件尺寸信息是根据页面布局模板控件的大小及单元控件间距确定的。
15.根据权利要求10所述的计算设备，其中，所述页面布局模板控件包括：宫格布局模板控件、列表布局模板控件。
16.根据权利要求9或10所述的计算设备，其中，所述内容元素包括：电子书封面元素、电子书名称元素、章节元素、追更元素、下载状态元素。
17.一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如权利要求1-8中任一项所述的电子书页面展示方法对应的操作。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111013797.5A CN113721814B (zh) | 2021-08-31 | 2021-08-31 | 电子书页面展示方法、计算设备及计算机存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111013797.5A CN113721814B (zh) | 2021-08-31 | 2021-08-31 | 电子书页面展示方法、计算设备及计算机存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113721814A CN113721814A (zh) | 2021-11-30 |
| CN113721814B true CN113721814B (zh) | 2022-07-15 |
Family
ID=78679853
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111013797.5A Active CN113721814B (zh) | 2021-08-31 | 2021-08-31 | 电子书页面展示方法、计算设备及计算机存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113721814B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114816178A (zh) * | 2022-04-29 | 2022-07-29 | 咪咕数字传媒有限公司 | 一种电子书籍的选择方法及电子设备 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107562951A (zh) * | 2017-09-28 | 2018-01-09 | 咪咕数字传媒有限公司 | 一种信息展示方法、装置及计算机可读存储介质 |
| CN109213408A (zh) * | 2018-09-20 | 2019-01-15 | 掌阅科技股份有限公司 | 书籍显示方法、电子设备及计算机存储介质 |
| CN109558123A (zh) * | 2018-12-03 | 2019-04-02 | 掌阅科技股份有限公司 | 网页转化电子书的方法、电子设备、存储介质 |
| CN111782603A (zh) * | 2020-06-29 | 2020-10-16 | 掌阅科技股份有限公司 | 视频书封展示方法、计算设备及计算机存储介质 |
| CN111984169A (zh) * | 2020-08-18 | 2020-11-24 | 掌阅科技股份有限公司 | 电子书页面展示方法、计算设备及计算机存储介质 |
| CN112035022A (zh) * | 2020-07-28 | 2020-12-04 | 上海连尚网络科技有限公司 | 阅读页样式生成方法和装置 |
| CN112612394A (zh) * | 2020-12-23 | 2021-04-06 | 掌阅科技股份有限公司 | 电子书想法分类展示方法、计算设备及计算机存储介质 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20130045781A (ko) * | 2011-10-25 | 2013-05-06 | 삼성전자주식회사 | 전자책 리더 기능을 구비한 단말기에서 전자책 표시 방법 및 장치 |
| CN106951156A (zh) * | 2016-01-06 | 2017-07-14 | 阿里巴巴集团控股有限公司 | 一种跨平台交互式电子书的实现方法、装置及系统 |
| CN106844302B (zh) * | 2017-03-30 | 2020-07-28 | 掌阅科技股份有限公司 | 电子书页面显示方法、装置和终端设备 |
-
2021
- 2021-08-31 CN CN202111013797.5A patent/CN113721814B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107562951A (zh) * | 2017-09-28 | 2018-01-09 | 咪咕数字传媒有限公司 | 一种信息展示方法、装置及计算机可读存储介质 |
| CN109213408A (zh) * | 2018-09-20 | 2019-01-15 | 掌阅科技股份有限公司 | 书籍显示方法、电子设备及计算机存储介质 |
| CN109558123A (zh) * | 2018-12-03 | 2019-04-02 | 掌阅科技股份有限公司 | 网页转化电子书的方法、电子设备、存储介质 |
| CN111782603A (zh) * | 2020-06-29 | 2020-10-16 | 掌阅科技股份有限公司 | 视频书封展示方法、计算设备及计算机存储介质 |
| CN112035022A (zh) * | 2020-07-28 | 2020-12-04 | 上海连尚网络科技有限公司 | 阅读页样式生成方法和装置 |
| CN111984169A (zh) * | 2020-08-18 | 2020-11-24 | 掌阅科技股份有限公司 | 电子书页面展示方法、计算设备及计算机存储介质 |
| CN112612394A (zh) * | 2020-12-23 | 2021-04-06 | 掌阅科技股份有限公司 | 电子书想法分类展示方法、计算设备及计算机存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113721814A (zh) | 2021-11-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8384726B1 (en) | Selective rendering of off-screen content | |
| US9977566B2 (en) | Computerized systems and methods for rendering an animation of an object in response to user input | |
| JP2021072089A (ja) | ウェブページレンダリング方法、装置、電子設備、記憶媒体及びプログラム | |
| US20130263029A1 (en) | Instantiable Gesture Objects | |
| KR20130086138A (ko) | 크로스―플랫폼 어플리케이션 프레임워크 | |
| CN110020300B (zh) | 一种浏览器页面合成方法及终端 | |
| CN111783015A (zh) | 页面中共享显示元素的展示方法、电子设备及存储介质 | |
| CN113721814B (zh) | 电子书页面展示方法、计算设备及计算机存储介质 | |
| CN113849096B (zh) | 一种桌面显示方法、装置及计算设备 | |
| US9575772B2 (en) | Model-based user interface | |
| CN110069725A (zh) | 可视化内嵌浏览器方法和装置 | |
| US11023098B2 (en) | Rendering on a mobile device | |
| US20180039381A1 (en) | User interface for application interface manipulation | |
| CN107562324A (zh) | 数据显示控制的方法和终端 | |
| US10140651B1 (en) | Displaying item information relative to selection regions of an item image | |
| CN113722630B (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
| CN115390976A (zh) | 界面设计的布局方法、界面的展示方法及相关设备 | |
| CN111243069B (zh) | 一种Unity3D引擎的场景切换方法和系统 | |
| US8949245B2 (en) | Enhanced views of tagged items in a gallery | |
| CN113393294A (zh) | 一种页面显示方法及装置、设备、存储介质 | |
| US8587599B1 (en) | Asset server for shared hardware graphic data | |
| CN111782333B (zh) | 游戏中的界面显示方法、装置、存储介质与终端设备 | |
| CN113311970A (zh) | 内容显示方法、装置、设备和可读存储介质 | |
| CN115857743A (zh) | 一种组件展示方法、装置、设备和存储介质 | |
| JP2023003489A (ja) | 映像処理システム、映像処理プログラム及び映像処理方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |