CN110717135A - 一种用于广告信息展示的列表中镂空卡片信息展示方法 - Google Patents
一种用于广告信息展示的列表中镂空卡片信息展示方法 Download PDFInfo
- Publication number
- CN110717135A CN110717135A CN201910893888.9A CN201910893888A CN110717135A CN 110717135 A CN110717135 A CN 110717135A CN 201910893888 A CN201910893888 A CN 201910893888A CN 110717135 A CN110717135 A CN 110717135A
- Authority
- CN
- China
- Prior art keywords
- animation
- displaying
- hollow
- list
- resource
- 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
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/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/986—Document structures and storage, e.g. HTML extensions
-
- 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/953—Querying, e.g. by the use of web search engines
- G06F16/9535—Search customisation based on user profiles and personalisation
-
- 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/9558—Details of hyperlinks; Management of linked annotations
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种用于广告信息展示的列表中镂空卡片信息展示方法,包括如下的步骤:步骤1)用户刷新信息流列表,生成获取资源包的命令;步骤2)客户端APP接收到获取资源包命令后,触发获取接口获取资源包;步骤3)后台服务器端上传一个由多个png格式图像和至少一个json格式动画配置文件组成的资源包,接口匹配并下发资源包,步骤4)客户端对接收到的资源包进行解码,步骤5)客户端获得资源包内的素材和配置后,在设定的时机渲染此镂空动画,并依次渲染背景、素材画以及顶层新闻显示;步骤6)用户滑动新闻列表,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示,步骤7)用户点击镂空部分,跳转至指定的功能和页面。
Description
技术领域
本发明提供了计算机技术领域,涉及一种镂空卡片信息展示技术,尤其涉及一种用于广告信息展示的列表中镂空卡片信息展示方法。
背景技术
新闻类APP往往采用列表式展示方式,可以从用户场景及行为模式来分析。用户在浏览新闻时,往往需要知道今天都发生了什么事,然后挑选感兴趣的内容深度浏览,用户的行为模式为:快速大量浏览-筛选感兴趣信息-进一步浏览。用户首先要大量浏览信息,量的需求优先于深度阅读的需求,所以列表示更加适合用户的这种行为。
而一些APP更注重图片信息的筛选与对比,使用卡片式导航更加合适,需要对比筛选图片然后找出适合自己的目标图片。行为模式为大量浏览图片-上下左右对比-筛选-反复对比-判断选择。在这种行为模式下,对比的需求就更大一些,所以卡片式是更适合的方式。
现有的卡片信息在进行推送时,一般需要人工将设置的卡片格式设定后,在进行推送。
发明内容
有鉴于此,本发明提供了一种用于广告信息展示的列表中镂空卡片信息展示方法。
本发明采用的技术方案为:
一种用于广告信息展示的列表中镂空卡片信息展示方法,包括如下的步骤:
步骤1)用户刷新信息流列表,生成获取资源包的命令;
步骤2)客户端APP接收到获取资源包命令后,触发获取接口获取资源包;
步骤3) 后台服务器端上传一个由多个png格式图像和至少一个json格式动画配置文件组成的资源包,接口匹配并下发资源包,
步骤4)客户端对接收到的资源包进行解码,获取至少一个json格式动画配置文件和多个png格式图像,所述json文件包含配置背景、素材图的动画、时机、跳转在内的所有动作,
步骤5)客户端获得资源包内的素材和配置后,在设定的时机渲染此镂空动画,并依次渲染背景、素材画以及顶层新闻显示;
步骤6)用户滑动新闻列表,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示,
步骤7)用户点击镂空部分,跳转至指定的功能和页面。
进一步地,所述后台服务器与客户端APP设置有一一对应的接口。
进一步地,所述客户端获得资源包内的素材和配置后,读取配置文件,对配置文件进行优先权配置,按照设置的优先权,在设定的周期时间T内,首先渲染镂空动画,再依次渲染背景、素材动画以及顶层新闻显示。
进一步地,在步骤7中,所述镂空部分包含跳转链接。
进一步地,所述跳转链接配置在json格式动画配置文件中。
进一步地,在步骤4中,客户端对接收到的资源包进行解码,其解码结构为:一级结构:至少包含一个json格式动画配置文件,至少一个素材图的动画,
二级结构:至少一个背景图。
本发明的有益效果为:
与传统的技术相比,本发明提供了一种自动生成的列表镂空的卡片展示技术,其至少包含一个json格式动画配置文件,至少一个素材图的动画,以及至少一个背景图。客户端获得资源包内的素材和配置后,读取配置文件,对配置文件进行优先权配置,按照设置的优先权,在设定的周期时间T内,首先渲染镂空动画,再依次渲染背景、素材动画以及顶层新闻显示。当用户滑动新闻列表时,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示。
说明书附图
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明的方法流程图。
具体实施例
下面将结合附图以及具体实施例来详细说明本发明,在此本发明的示意性实施例以及说明用来解释本发明,但并不作为对本发明的限定。
参照图1,本发明提供了一种用于广告信息展示的列表中镂空卡片信息展示方法,包括如下的步骤:
步骤1)用户刷新信息流列表,生成获取资源包的命令;
步骤2)客户端APP接收到获取资源包命令后,触发获取接口获取资源包;
步骤3) 后台服务器端上传一个由多个png格式图像和至少一个json格式动画配置文件组成的资源包,接口匹配并下发资源包,
步骤4)客户端对接收到的资源包进行解码,获取至少一个json格式动画配置文件和多个png格式图像,所述json文件包含配置背景、素材图的动画、时机、跳转在内的所有动作,
步骤5)客户端获得资源包内的素材和配置后,在设定的时机渲染此镂空动画,并依次渲染背景、素材画以及顶层新闻显示;
步骤6)用户滑动新闻列表,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示,
步骤7)用户点击镂空部分,跳转至指定的功能和页面。
所述后台服务器与客户端APP设置有一一对应的接口。
所述客户端获得资源包内的素材和配置后,读取配置文件,对配置文件进行优先权配置,按照设置的优先权,在设定的周期时间T内,首先渲染镂空动画,再依次渲染背景、素材动画以及顶层新闻显示。
在步骤7中,所述镂空部分包含跳转链接。
所述跳转链接配置在json格式动画配置文件中。
在步骤4中,客户端对接收到的资源包进行解码,其解码结构为:一级结构:至少包含一个json格式动画配置文件,至少一个素材图的动画,
二级结构:至少一个背景图,
图1中示例性的描绘了本发明中的一种解压结构,
其一级结构包含一个metadata.json的格式动画配置文件,
一个car.png的素材图的动画,
一个title.png的标题图像;
一个car.png的素材图的动画的配置文件数据保存的wheel.asset文件,
以及三个二级结构,wheel.001.png,wheel.002.png,wheel.003.png文件。
客户端获得资源包内的素材和配置后,读取metadata.json的格式动画配置文件和wheel.asset文件,对metadata.json的格式动画配置文件进行优先权配置,按照设置的优先权,在设定的周期时间T内,首先渲染镂空car.png的素材图的动画,再依次渲染title.png的标题图像、wheel.001.png,wheel.002.png,wheel.003.png文件以及顶层新闻显示。当用户滑动新闻列表时,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示。
以上对本发明实施例所公开的技术方案进行了详细介绍,本文中应用了具体实施例对本发明实施例的原理以及实施方式进行了阐述,以上实施例的说明只适用于帮助理解本发明实施例的原理;同时,对于本领域的一般技术人员,依据本发明实施例,在具体实施方式以及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (6)
1.一种用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,包括如下的步骤:
步骤1)用户刷新信息流列表,生成获取资源包的命令;
步骤2)客户端APP接收到获取资源包命令后,触发获取接口获取资源包;
步骤3) 后台服务器端上传一个由多个png格式图像和至少一个json格式动画配置文件组成的资源包,接口匹配并下发资源包,
步骤4)客户端对接收到的资源包进行解码,获取至少一个json格式动画配置文件和多个png格式图像,所述json文件包含配置背景、素材图的动画、时机、跳转在内的所有动作,
步骤5)客户端获得资源包内的素材和配置后,在设定的时机渲染此镂空动画,并依次渲染背景、素材画以及顶层新闻显示;
步骤6)用户滑动新闻列表,镂空部分显示,透过镂空部分,背景及资源文件按照配置文件的要求依次展示,
步骤7)用户点击镂空部分,跳转至指定的功能和页面。
2.根据权利要求1所述的用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,所述后台服务器与客户端APP设置有一一对应的接口。
3.根据权利要求1所述的用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,所述客户端获得资源包内的素材和配置后,读取配置文件,对配置文件进行优先权配置,按照设置的优先权,在设定的周期时间T内,首先渲染镂空动画,再依次渲染背景、素材动画以及顶层新闻显示。
4.根据权利要求1所述的用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,在步骤7中,所述镂空部分包含跳转链接。
5.根据权利要求4所述的用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,所述跳转链接配置在json格式动画配置文件中。
6.根据权利要求1所述的用于广告信息展示的列表中镂空卡片信息展示方法,其特征在于,在步骤4中,客户端对接收到的资源包进行解码,其解码结构为:一级结构:至少包含一个json格式动画配置文件,至少一个素材图的动画,
二级结构:至少一个背景图。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910893888.9A CN110717135A (zh) | 2019-09-20 | 2019-09-20 | 一种用于广告信息展示的列表中镂空卡片信息展示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910893888.9A CN110717135A (zh) | 2019-09-20 | 2019-09-20 | 一种用于广告信息展示的列表中镂空卡片信息展示方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110717135A true CN110717135A (zh) | 2020-01-21 |
Family
ID=69210689
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910893888.9A Pending CN110717135A (zh) | 2019-09-20 | 2019-09-20 | 一种用于广告信息展示的列表中镂空卡片信息展示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110717135A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113613066A (zh) * | 2021-08-03 | 2021-11-05 | 天翼爱音乐文化科技有限公司 | 一种实时视频特效的渲染方法、***、装置及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106648688A (zh) * | 2016-12-29 | 2017-05-10 | 北京奇虎科技有限公司 | 一种信息展示方法和装置 |
US20180143741A1 (en) * | 2016-11-23 | 2018-05-24 | FlyrTV, Inc. | Intelligent graphical feature generation for user content |
CN108733443A (zh) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | 一种基于Android***的APP动态配置***及其实现方法、动态配置方法 |
CN109032738A (zh) * | 2018-07-17 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 多媒体播放控制方法、装置、终端及存储介质 |
CN109522066A (zh) * | 2018-10-08 | 2019-03-26 | 广州坚和网络科技有限公司 | 一种信息列表中的可交互图形的展示方法 |
CN109636885A (zh) * | 2018-11-28 | 2019-04-16 | 广东智合创享营销策划有限公司 | 一种用于h5页面的序列帧动画制作方法和*** |
CN109828811A (zh) * | 2018-12-28 | 2019-05-31 | 北京城市网邻信息技术有限公司 | 一种卡片对象的展示方法和装置 |
-
2019
- 2019-09-20 CN CN201910893888.9A patent/CN110717135A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180143741A1 (en) * | 2016-11-23 | 2018-05-24 | FlyrTV, Inc. | Intelligent graphical feature generation for user content |
CN106648688A (zh) * | 2016-12-29 | 2017-05-10 | 北京奇虎科技有限公司 | 一种信息展示方法和装置 |
CN108733443A (zh) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | 一种基于Android***的APP动态配置***及其实现方法、动态配置方法 |
CN109032738A (zh) * | 2018-07-17 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 多媒体播放控制方法、装置、终端及存储介质 |
CN109522066A (zh) * | 2018-10-08 | 2019-03-26 | 广州坚和网络科技有限公司 | 一种信息列表中的可交互图形的展示方法 |
CN109636885A (zh) * | 2018-11-28 | 2019-04-16 | 广东智合创享营销策划有限公司 | 一种用于h5页面的序列帧动画制作方法和*** |
CN109828811A (zh) * | 2018-12-28 | 2019-05-31 | 北京城市网邻信息技术有限公司 | 一种卡片对象的展示方法和装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113613066A (zh) * | 2021-08-03 | 2021-11-05 | 天翼爱音乐文化科技有限公司 | 一种实时视频特效的渲染方法、***、装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP2840511A1 (en) | System and method for dynamically converting webpage, and computer-readable recording medium | |
US20150073922A1 (en) | System and Method for Generating Customized Advertisement Creatives | |
CN103279259A (zh) | 在用户界面中提供主题变体 | |
US11995747B2 (en) | Method for generating identification pattern and terminal device | |
US10579220B2 (en) | Method and system for story development with a dynamic grid | |
CN112637675B (zh) | 视频生成方法、装置、电子设备以及存储介质 | |
CN111078078B (zh) | 视频播放控制方法、装置、终端及计算机可读存储介质 | |
CN109961493A (zh) | 展示页面上的横幅广告图片生成方法及装置 | |
CN105824517A (zh) | 一种桌面的实现方法和装置 | |
AU2024203737A1 (en) | Collaborative group video production system | |
CN110764765A (zh) | 一种自动控制目录列表展示视觉节奏的方法 | |
KR101950674B1 (ko) | 동영상 편집 방법을 컴퓨터에서 수행하기 위한 앱이 기록된 컴퓨터 | |
JP2018508061A (ja) | 適応型電子文書 | |
US20160180564A1 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
CN113688341B (zh) | 动态图片分解方法、装置、电子设备及可读存储介质 | |
CN114286181B (zh) | 一种视频优化方法、装置、电子设备和存储介质 | |
CN110717135A (zh) | 一种用于广告信息展示的列表中镂空卡片信息展示方法 | |
CN108924587A (zh) | 一种基于云端服务器的渲染方法及*** | |
CN110456999B (zh) | 节目创建方法、装置、电子设备及计算机可读存储介质 | |
JP6096853B1 (ja) | 情報表示プログラム、情報表示方法、および情報表示装置 | |
US20130229440A1 (en) | State aware tile visualization | |
EP2943039A1 (en) | User terminal device for generating playable object, and interaction method therefor | |
JP5005782B2 (ja) | 画像生成システム | |
US9218342B2 (en) | Conversion of a document while retaining a format of an element of the document | |
CN105808543B (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 |