CN107977451A - 在显示页面中添加动态内容的方法、装置和终端设备 - Google Patents
在显示页面中添加动态内容的方法、装置和终端设备 Download PDFInfo
- Publication number
- CN107977451A CN107977451A CN201711343047.8A CN201711343047A CN107977451A CN 107977451 A CN107977451 A CN 107977451A CN 201711343047 A CN201711343047 A CN 201711343047A CN 107977451 A CN107977451 A CN 107977451A
- Authority
- CN
- China
- Prior art keywords
- dynamic content
- page
- display
- content data
- dynamic
- 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
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9562—Bookmark management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
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是根据本申请实施例三的一种在显示页面中添加动态内容的方法的步骤流程图;
图4是根据本申请实施例四的一种在显示页面中添加动态内容的方法的步骤流程图;
图5是根据本申请实施例五的一种在显示页面中添加动态内容的方法的步骤流程图;
图6是根据本申请实施例六的一种在显示页面中添加动态内容的方法的步骤流程图;
图7是根据本申请实施例七的一种在显示页面中添加动态内容的装置的结构框图;
图8是根据本申请实施例十二的一种在显示页面中添加动态内容的装置的结构框图;
图9是根据本申请实施例十三的一种终端设备的结构框图。
具体实施方式
下面结合附图(若干附图中相同的标号表示相同的元素)和实施例,对本申请实施例的具体实施方式作进一步详细说明。以下实施例用于说明本申请,但不用来限制本申请的范围。
本领域技术人员可以理解,本申请实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等,既不代表任何特定技术含义,也不表示它们之间的必然逻辑顺序。
实施例一
参照图1,示出了根据本申请实施例一的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S101至S102并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S101:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签。
具体地,本申请所应用客户端接收服务端配置的当前显示页面需要添加的动态内容数据,并根据所述动态内容数据生成与其对应的图片标签。
本申请所述动态内容数据包括与显示页面相关的交互内容数据,例如,显示页面为文字阅读页面,所述动态内容数据为在阅读每章的结尾添加作者对当前章节要说的话,或者通过服务端配置的当章节的运营内容,在当前章节添加对作者进行打赏,投票,或者当前章节后有彩蛋等。
步骤S102:将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
在本申请实施例的具体实现中,本申请所应用客户端将步骤S101生成的图片标签根据所述至少一动态内容数据插入到显示页面中,在页面排版时传递给排版引擎,排版引擎在排版时留出动态内容的区域。在绘制当前页面时,判断所述当前页面中是否存在动态内容,如果有,绘制所述显示页面时绘制所述动态内容。
本申请实施例接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,从而将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例二
参照图2,示出了根据本申请实施例二的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S201至S202并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S201:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址。
具体地,本申请在服务端设置当前需要添加的至少一动态内容数据和键值(key),客户端在滑动到每个显示页面内容时,预先获取到当前显示页面内容临近的动态内容数据。根据所述动态内容数据拼接一个图片无法访问的图片地址,所述图片地址后面携带当前业务的键值(key)。
步骤S202:将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例三
参照图3,示出了根据本申请实施例三的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S301至S302并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S301:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址,所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距。
具体地,本申请图片地址拼接业务显示区域的高度和宽度,并将其发送至引擎端,引擎端根据所述图片标签在当前页面预留一个空白区域。
步骤S302:将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
客户端在用户到此页面后获取到所述步骤S301中预留的空白区域,在客户端绘制所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例四
参照图4,示出了根据本申请实施例四的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S401至S402并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S401:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址,所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距,所述图片地址拼接所述动态内容数据在显示内容内的偏移。
具体地,如果指定了所述动态内容在显示页面内容的偏移,则在该偏移位置后添加所述动态内容对应的图片。
步骤S402:将所述动态内容数据的显示区域插入到所述显示页面中显示内容内的偏移位置进行绘制。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例五
参照图5,示出了根据本申请实施例五的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S501至S502并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S501:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址,所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距,所述图片地址未拼接所述动态内容数据在显示内容内的偏移。
具体地,如果未指定所述动态内容在显示页面内容的偏移,则在该所述显示页面内容的末尾添加所述动态内容对应的图片。
比如,对于阅读器来说,显示页面需要在某个章节末尾配置一个加入讨论的业务,显示的宽度*高度为200*50,距离上下左右的边距为10,10,10,10,则当前的业务键值(key)为“discuss”,不需要设置章节内的偏移数值,此时生成的图片标签为:
<img src=\"http://testimg-200-50.png#key=discuss\"margin=\"10,10,10,10\"/>。
步骤S502:将所述动态内容数据的显示区域插入到所述显示页面中显示内容的末尾进行绘制。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例六
参照图6,示出了根据本申请实施例六的一种在显示页面中添加动态内容的方法的步骤流程图。
值得说明的是,本申请所述步骤S601至S604并不代表其执行的先后顺序。
本实施例的在显示页面中添加动态内容的方法包括以下步骤:
步骤S601:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址,所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距,所述动态内容数据包括所述动态内容涉及的功能模块开关。
具体地,如果所述动态内容数据包括所述动态内容涉及的功能模块开关,则可以通过接收用户操作对所述开关进行控制。
步骤S602:将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
步骤S603:根据接收的用户指令,判断所述指令对应所述显示页面中的位置是否位于所述动态内容数据的显示区域;
如位于,则所述动态内容响应所述用户指令进行对应操作。
在本申请具体实现中,对于阅读器来说,所述用户指令为用户在正文内的点击行为,则首先判断如果当前章节有业务动态内容,则判断当前点击行为是否是点击所述动态内容数据的显示区域,如果是,则进一步进行内部事件分发消费处理。
具体地,首先获取到当前用户点击行为在所述显示页面的坐标,判断所述坐标是否在动态内容数据的显示区域中。如果所述坐标在动态内容数据的显示区域中,则通过所述坐标在所述动态内容数据的显示区域中的相对位置判断内部控件的点击事件。
因此,所述动态内容自身可以灵活的对用户的操作进行响应,可以添加针对所述用户操作的动效。
通过此方案,可以在阅读正文任何位置添加动态内容,同时动态内容和文章正文呈现一体的效果,还可以很方便的进行给动态内容添加按下和动画效果,丰富阅读器的显示内容,很好的提升了用户的阅读体验。
本申请可以在电子阅读器等应用软件的显示页面内容添加更多丰富内容和交互,极大的提升用户体验。
本申请令应用程序引擎和客户端业务进行很好的分离,应用程序引擎负责排版部分,客户端可以在阅读器上添加更多的交互部分功能,同时达到应用程序和动态内容呈现一体的效果。
本申请应用程序的排版引擎可以满足不同的平台,比如android、IOS、windowsphone等。平台上层可以进行自定义各种平台特有的效果。
本实施例的在显示页面中添加动态内容的方法可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例七
参照图7,示出了根据本申请实施例七的一种在显示页面中添加动态内容的装置的结构图。
本实施例的在显示页面中添加动态内容的装置包括以下模块:
标签生成模块701,用于接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签。
内容绘制模块702,用于将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
具体地,本申请所应用客户端接收服务端配置的当前显示页面需要添加的动态内容数据,并根据所述动态内容数据生成与其对应的图片标签。
本申请所述动态内容数据包括与显示页面相关的交互内容数据,例如,显示页面为文字阅读页面,所述动态内容数据为在阅读每章的结尾添加作者对当前章节要说的话,或者通过服务端配置的当章节的运营内容,在当前章节添加对作者进行打赏,投票,或者当前章节后有彩蛋等。
在本申请实施例的具体实现中,本申请所应用客户端将步骤S101生成的图片标签根据所述至少一动态内容数据插入到显示页面中,在页面排版时传递给排版引擎,排版引擎在排版时留出动态内容的区域。在绘制当前页面时,判断所述当前页面中是否存在动态内容,如果有,绘制所述显示页面时绘制所述动态内容。
本申请实施例接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签,从而将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例八
本实施例的在显示页面中添加动态内容的装置,所述标签生成模块701还用于:
在所述图片标签的地址中拼接键值(key),且在所述键值之前拼接图片无法访问的图片地址。
具体地,本申请在服务端设置当前需要添加的至少一动态内容数据和键值(key),客户端在滑动到每个显示页面内容时,预先获取到当前显示页面内容临近的动态内容数据。根据所述动态内容数据拼接一个图片无法访问的图片地址,所述图片地址后面携带当前业务的键值(key)。
本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例九
本实施例的在显示页面中添加动态内容的装置,所述标签生成模块701还用于:
所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距。
具体地,本申请图片地址拼接业务显示区域的高度和宽度,并将其发送至引擎端,引擎端根据所述图片标签在当前页面预留一个空白区域。
客户端在用户到此页面后获取到所述预留的空白区域,在客户端绘制所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例十
本实施例的在显示页面中添加动态内容的装置,所述标签生成模块701还用于:
所述图片地址拼接所述动态内容数据在显示内容内的偏移。
所述内容绘制模块702具体用于:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容内的偏移位置进行绘制。
具体地,如果指定了所述动态内容在显示页面内容的偏移,则在该偏移位置后添加所述动态内容对应的图片。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例十一
本实施例的在显示页面中添加动态内容的装置,所述标签生成模块701还用于:
所述图片地址未拼接所述动态内容数据在显示内容内的偏移。
所述内容绘制模块702具体用于:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容的末尾进行绘制。
具体地,如果未指定所述动态内容在显示页面内容的偏移,则在该所述显示页面内容的末尾添加所述动态内容对应的图片。
比如,对于阅读器来说,显示页面需要在某个章节末尾配置一个加入讨论的业务,显示的宽度*高度为200*50,距离上下左右的边距为10,10,10,10,则当前的业务键值(key)为“discuss”,不需要设置章节内的偏移数值,此时生成的图片标签为:
<img src=\"http://testimg-200-50.png#key=discuss\"margin=\"10,10,10,10\"/>。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
由此可知,本申请实施例可以在阅读页面任何位置添加动态内容,同时动态内容和页面正文呈现一体的效果,很好的提升了用户的阅读体验。因此,本申请实施例可以不区分平台的高效实现在阅读器等页面中动态添加自定义内容。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例十二
本实施例的在显示页面中添加动态内容的装置,所述标签生成模块701还用于:
所述动态内容数据包括所述动态内容涉及的功能模块开关。
内容绘制模块702,用于将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
参见图8,所述装置还包括:
操作响应模块703,用于根据接收的用户指令,判断所述指令对应所述显示页面中的位置是否位于所述动态内容数据的显示区域;
如位于,则所述动态内容响应所述用户指令进行对应操作。
具体地,如果所述动态内容数据包括所述动态内容涉及的功能模块开关,则可以通过接收用户操作对所述开关进行控制。
排版引擎显示页面内容在排版过程中预留出图片的展示区域提供给业务层进行动态内容的渲染。
在本申请具体实现中,客户端在渲染当前页面时首先获取当前页面是否存在空白区域,如果存在空白区域,则判断所述空白区域是否是当前页面显示内容中需要进行填加的业务的键值(key)的图片标签对应的空白区域,如果是,绘制出所述动态内容。
在本申请具体实现中,对于阅读器来说,所述用户指令为用户在正文内的点击行为,则首先判断如果当前章节有业务动态内容,则判断当前点击行为是否是点击所述动态内容数据的显示区域,如果是,则进一步进行内部事件分发消费处理。
具体地,首先获取到当前用户点击行为在所述显示页面的坐标,判断所述坐标是否在动态内容数据的显示区域中。如果所述坐标在动态内容数据的显示区域中,则通过所述坐标在所述动态内容数据的显示区域中的相对位置判断内部控件的点击事件。
因此,所述动态内容自身可以灵活的对用户的操作进行响应,可以添加针对所述用户操作的动效。
通过此方案,可以在阅读正文任何位置添加动态内容,同时动态内容和文章正文呈现一体的效果,还可以很方便的进行给动态内容添加按下和动画效果,丰富阅读器的显示内容,很好的提升了用户的阅读体验。
本申请可以在电子阅读器等应用软件的显示页面内容添加更多丰富内容和交互,极大的提升用户体验。
本申请令应用程序引擎和客户端业务进行很好的分离,应用程序引擎负责排版部分,客户端可以在阅读器上添加更多的交互部分功能,同时达到应用程序和动态内容呈现一体的效果。
本申请应用程序的排版引擎可以满足不同的平台,比如android、IOS、windowsphone等。平台上层可以进行自定义各种平台特有的效果。
本实施例的在显示页面中添加动态内容的装置可以由任意适当的具有在显示页面中添加动态内容的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。
实施例十三
参照图9,示出了根据本申请实施例五的一种终端设备的结构框图,本申请具体实施例并不对终端设备的具体实现做限定。
如图9所示,该终端设备可以包括:处理器(processor)902、通信接口(Communications Interface)904、存储器(memory)906、以及通信总线908。
其中:
处理器902、通信接口904、以及存储器906通过通信总线908完成相互间的通信。
通信接口904,用于与其它设备比如其它终端或服务端等的网元通信。
处理器902,用于执行程序910,具体可以执行上述在显示页面中添加动态内容的方法实施例中的相关步骤。
具体地,程序910可以包括程序代码,该程序代码包括计算机操作指令。
处理器902可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本申请实施例的一个或多个集成电路。终端设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器906,用于存放程序910。存储器906可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序910具体可以用于使得处理器902执行以下操作:接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签;将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容
在一种可选的实施方式中,程序910还用于在所述图片标签的地址中拼接键值,且在所述键值之前拼接图片无法访问的图片地址。
在一种可选的实施方式中,程序910还用于所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距。
在一种可选的实施方式中,程序910还用于所述图片地址拼接所述动态内容数据在显示内容内的偏移;将所述动态内容数据的显示区域插入到所述显示页面中显示内容内的偏移位置进行绘制。
在一种可选的实施方式中,程序910还用于所述图片地址未拼接所述动态内容数据在显示内容内的偏移;将所述动态内容数据的显示区域插入到所述显示页面中显示内容的末尾进行绘制。
在一种可选的实施方式中,程序910还用于所述动态内容数据包括所述动态内容涉及的功能模块开关;根据接收的用户指令,判断所述指令对应所述显示页面中的位置是否位于所述动态内容数据的显示区域;如位于,则所述动态内容响应所述用户指令进行对应操作。
通过本实施例的终端设备,使得通过在指定界面调用动画框架所提供的接口,加载应用程序中的描述性资源。进而,运行所述指定界面,并播放根据所述描述性资源进行渲染得到的动画。由此,使得无需通过代码来实现动画效果的显示,通过加载描述性资源即可。对动画效果进行更新时,仅需要替换加载的描述性资源即可。因此,本申请实现更加高效、灵活,减少了占用的空间,也提高了开发效率,可以实现复杂的动画效果。
需要指出,根据实施的需要,可将本申请实施例中描述的各个部件/步骤拆分为更多部件/步骤,也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤,以实现本申请实施例的目的。
上述根据本申请实施例的方法可在硬件、固件中实现,或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码,或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码,从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解,计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如,RAM、ROM、闪存等),当所述软件或计算机代码被计算机、处理器或硬件访问且执行时,实现在此描述的在显示页面中添加动态内容的方法。此外,当通用计算机访问用于实现在此示出的在显示页面中添加动态内容的方法的代码时,代码的执行将通用计算机转换为用于执行在此示出的在显示页面中添加动态内容的方法的专用计算机。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及方法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请实施例的范围。
以上实施方式仅用于说明本申请实施例,而并非对本申请实施例的限制,有关技术领域的普通技术人员,在不脱离本申请实施例的精神和范围的情况下,还可以做出各种变化和变型,因此所有等同的技术方案也属于本申请实施例的范畴,本申请实施例的专利保护范围应由权利要求限定。
Claims (13)
1.一种在显示页面中添加动态内容的方法,其特征在于,所述方法包括:
接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签;
将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
2.根据权利要求1所述的方法,其特征在于,所述接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签还包括:
所述图片标签的地址中拼接键值,且在所述键值之前拼接图片无法访问的图片地址。
3.根据权利要求2所述的方法,其特征在于,所述接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签还包括:
所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签还包括:
所述图片地址拼接所述动态内容数据在显示内容内的偏移;
所述将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容具体为:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容内的偏移位置进行绘制。
5.根据权利要求1-3任一项所述的方法,其特征在于,所述接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签还包括:
所述图片地址未拼接所述动态内容数据在显示内容内的偏移;
所述将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容具体为:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容的末尾进行绘制。
6.根据权利要求1-3任一项所述的方法,其特征在于,所述接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签还包括:
所述动态内容数据包括所述动态内容涉及的功能模块开关;
所述方法还包括:
根据接收的用户指令,判断所述指令对应所述显示页面中的位置是否位于所述动态内容数据的显示区域;
如位于,则所述动态内容响应所述用户指令进行对应操作。
7.一种在显示页面中添加动态内容的装置,其特征在于,所述装置包括:
标签生成模块,用于接收需要添加的至少一动态内容数据,并生成与所述动态内容数据对应的图片标签;
内容绘制模块,用于将所述图片标签根据所述至少一动态内容数据插入到显示页面中,并在所述显示页面中绘制所述动态内容。
8.根据权利要求7所述的装置,其特征在于,所述标签生成模块还用于:
所述图片标签的地址中拼接键值,且在所述键值之前拼接图片无法访问的图片地址。
9.根据权利要求8所述的装置,其特征在于,所述标签生成模块还用于:
所述图片地址拼接所述动态内容数据显示区域的高度、宽度以及距离四边的边距。
10.根据权利要求7-9任一项所述的装置,其特征在于,所述标签生成模块还用于:
所述图片地址拼接所述动态内容数据在显示内容内的偏移;
所述内容绘制模块具体用于:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容内的偏移位置进行绘制。
11.根据权利要求7-9任一项所述的装置,其特征在于,所述标签生成模块还用于:
所述图片地址未拼接所述动态内容数据在显示内容内的偏移;
所述内容绘制模块具体用于:
将所述动态内容数据的显示区域插入到所述显示页面中显示内容的末尾进行绘制。
12.根据权利要求7-9任一项所述的装置,其特征在于,所述标签生成模块还用于:
所述动态内容数据包括所述动态内容涉及的功能模块开关;
所述装置还包括:
操作响应模块,用于根据接收的用户指令,判断所述指令对应所述显示页面中的位置是否位于所述动态内容数据的显示区域;
如位于,则所述动态内容响应所述用户指令进行对应操作。
13.一种终端设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-6中任一项对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711343047.8A CN107977451B (zh) | 2017-12-14 | 2017-12-14 | 在显示页面中添加动态内容的方法、装置和终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711343047.8A CN107977451B (zh) | 2017-12-14 | 2017-12-14 | 在显示页面中添加动态内容的方法、装置和终端设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107977451A true CN107977451A (zh) | 2018-05-01 |
CN107977451B CN107977451B (zh) | 2021-04-30 |
Family
ID=62006543
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711343047.8A Active CN107977451B (zh) | 2017-12-14 | 2017-12-14 | 在显示页面中添加动态内容的方法、装置和终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107977451B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111611037A (zh) * | 2020-05-09 | 2020-09-01 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140351380A1 (en) * | 2013-05-22 | 2014-11-27 | Alibaba Group Holding Limited | Loading image information |
CN105335421A (zh) * | 2014-08-06 | 2016-02-17 | 阿里巴巴集团控股有限公司 | 制作和展示电子书扩展内容的方法和装置 |
CN106933443A (zh) * | 2017-02-24 | 2017-07-07 | 深圳国泰安教育技术股份有限公司 | 一种电子书数据处理的方法、装置及电子书阅读器 |
CN107180041A (zh) * | 2016-03-09 | 2017-09-19 | 广州市动景计算机科技有限公司 | 网页内容评论方法及系统 |
-
2017
- 2017-12-14 CN CN201711343047.8A patent/CN107977451B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140351380A1 (en) * | 2013-05-22 | 2014-11-27 | Alibaba Group Holding Limited | Loading image information |
CN105335421A (zh) * | 2014-08-06 | 2016-02-17 | 阿里巴巴集团控股有限公司 | 制作和展示电子书扩展内容的方法和装置 |
CN107180041A (zh) * | 2016-03-09 | 2017-09-19 | 广州市动景计算机科技有限公司 | 网页内容评论方法及系统 |
CN106933443A (zh) * | 2017-02-24 | 2017-07-07 | 深圳国泰安教育技术股份有限公司 | 一种电子书数据处理的方法、装置及电子书阅读器 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111611037A (zh) * | 2020-05-09 | 2020-09-01 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
CN111611037B (zh) * | 2020-05-09 | 2023-04-07 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN107977451B (zh) | 2021-04-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Billi et al. | A unified methodology for the evaluation of accessibility and usability of mobile applications | |
CN108334387B (zh) | 动态界面渲染方法及装置 | |
Paterno et al. | One model, many interfaces | |
CN104395882A (zh) | 定制的表情符号项集的建立和上下文感知呈现 | |
CN109542427B (zh) | 一种系统定制方法、装置及电子设备和存储介质 | |
CN107704161A (zh) | 信息展示方法、装置及终端设备 | |
CN111796860B (zh) | 微前端方案实现方法及装置 | |
CN112416328A (zh) | 多平台小程序商城的构建方法、装置、设备及介质 | |
CN108170497A (zh) | 一种页面渲染的方法及装置 | |
CN103605502A (zh) | 表单页面显示方法及服务器 | |
CN105027116A (zh) | 电子阅读器内平面书籍到富书籍的转换 | |
CN107203372A (zh) | 控件展现方法及装置 | |
CN112068911A (zh) | 电子表单的生成方法、装置、系统、设备以及介质 | |
CN114528816B (zh) | 协同编辑的信息展示方法、装置、电子设备和可读介质 | |
CN104978124A (zh) | 一种终端展示图片的方法及终端 | |
US20090265716A1 (en) | System and method for feature addition to an application | |
CN107168738A (zh) | 一种应用工具的管理方法、装置、设备和存储介质 | |
CN112799670B (zh) | 一种统一多端逻辑开发的方法及系统 | |
CN106528115A (zh) | 界面的可视化开发方法及装置 | |
CN107977451A (zh) | 在显示页面中添加动态内容的方法、装置和终端设备 | |
CN103164245A (zh) | 应用显示特定语言的方法和终端 | |
CN105279140B (zh) | 文本显示方法、服务器、终端及系统 | |
CN110058857A (zh) | 寄宿应用生成方法和装置 | |
CN109240660B (zh) | 一种广告数据的接入方法、存储介质、电子设备及系统 | |
King | -Screenreaders, Magnifiers, and Other Ways of Using Computers |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200603 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 13 layer self unit 03 Applicant before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |