CN109522066A - 一种信息列表中的可交互图形的展示方法 - Google Patents

一种信息列表中的可交互图形的展示方法 Download PDF

Info

Publication number
CN109522066A
CN109522066A CN201811167304.1A CN201811167304A CN109522066A CN 109522066 A CN109522066 A CN 109522066A CN 201811167304 A CN201811167304 A CN 201811167304A CN 109522066 A CN109522066 A CN 109522066A
Authority
CN
China
Prior art keywords
information list
configuration file
client
resource packet
interaction
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
Application number
CN201811167304.1A
Other languages
English (en)
Other versions
CN109522066B (zh
Inventor
李森和
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
GUANGZHOU JIANHE NETWORK TECHNOLOGY CO LTD
Original Assignee
GUANGZHOU JIANHE NETWORK TECHNOLOGY CO LTD
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by GUANGZHOU JIANHE NETWORK TECHNOLOGY CO LTD filed Critical GUANGZHOU JIANHE NETWORK TECHNOLOGY CO LTD
Priority to CN201811167304.1A priority Critical patent/CN109522066B/zh
Publication of CN109522066A publication Critical patent/CN109522066A/zh
Application granted granted Critical
Publication of CN109522066B publication Critical patent/CN109522066B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • 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
    • 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
    • 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/445—Program loading or initiating
    • G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
    • G06F9/4451—User profiles; Roaming
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/2866—Architectures; Arrangements
    • H04L67/30—Profiles

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供一种信息列表中的可交互图形的展示方法，包括如下步骤：客户端触发显示可交互图像指令，客户端下载可交互图像资源包，客户端解析可交互图像资源包，获取客户端交互事件及参数，根据客户端交互事件参数的变化，实现配置文件中对图象的显示，位移和矩阵变换指令;所述配置文件包含一个或者多个图像资源文件的下载路径;所述配置文件也包含对特定图像的位移和矩阵变换的指令。本发明用于定义交互方式的json或xml格式的配置文件。通过解析配置文件并在用户交互过程中实时渲染图像。

Description

一种信息列表中的可交互图形的展示方法
技术领域
本发明属于图形的展示方法技术领域，具体涉及一种信息列表中的可交互图形的展示方法。
背景技术
随着互联网的发展，新闻媒介已经由传统的形式演变成互联网模式，通过移动终端获取新闻或者新媒体已经成为现在的主流趋势。在信息列表中，包含了图像、音频、视频以及文字组成的读本，每一信息列表可能会通过多次转载等，当进行显示信息列表包含的内容时，经常因为服务器存储和下载路径等问题使得显示速度很慢。
发明内容
有鉴于此，本发明的主要目的是提供一种信息列表中的可交互图形的展示方法。
本发明采用的技术方案是：
一种信息列表中的可交互图形的展示方法，
包括如下步骤：客户端触发显示可交互图像指令，
客户端下载可交互图像资源包，
客户端解析可交互图像资源包，
获取客户端交互事件及参数，
根据客户端交互事件参数的变化，实现配置文件中对图象的显示，位移和矩阵变换指令;
所述配置文件包含一个或者多个图像资源文件的下载路径;
所述配置文件也包含对特定图像的位移和矩阵变换的指令。
进一步地，所述客户端下载可交互图像资源包具体包括：
获取移动互联网终端内的信息列表，
接收信息列表所配置文件的存储位置信息，
根据所述存储位置信息，读取配置文件，
对所述配置文件进行解析，获取配置文件内的图像资源包，
配置所述图像资源包的格式，并依据配置文件内的存储位置信息对所述图像资源包进行交互响应，形成新配置文件，所述新配置文件包含一个或者多个配置于信息列表的下载路径，且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表。
进一步地，所述根据客户端交互事件参数的变化，实现配置文件中对图象的显示，点击或移动信息列表输入响应命令，该响应命令获取当前信息列表状态下的参数信息，所述移动互联网终端生成所述参数信息包含的图形交互界面，所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
进一步地，所述图像资源包为一个或多个png格式图像组成的资源包。
进一步地，所述图像资源包的格式为包含json或xml格式的配置文件。
进一步地，所述获取移动互联网终端内的信息列表包括
在移动互联网终端内输入获取信息列表的输入命令，
移动互联网终端控制芯片解析输入命令并获取信息列表界面，
对信息列表界面进行预处理，所述预处理包括过滤操作，所述过滤操作后在信息列表界面显示信息列表。
进一步地，所述获取客户端交互事件包括
在客户端内针对信息列表的点击事件的座标，点击的时长，
在客户端内针对信息列表的划动事件的起始座标，划动的时长。
本发明通过异步下载和交叉交互的方式将信息列表下的媒体内容的下载路径进行了优化，降低了死链、阅读时需进行下载缓冲慢的问题。
本发明用于定义交互方式的json或xml格式的配置文件。通过解析配置文件并在用户交互过程中实时渲染图像。
附图说明
图1为本发明流程图；
图2为本发明的方法流程图。
具体实施方式
下面将结合附图以及具体实施例来详细说明本发明，在此本发明的示意性实施例以及说明用来解释本发明，但并不作为对本发明的限定。
参照图1，本发明提供了一种信息列表中的可交互图形的展示方法，
包括如下步骤：
一种信息列表中的可交互图形的展示方法，
包括如下步骤：客户端触发显示可交互图像指令，
客户端下载可交互图像资源包，
客户端解析可交互图像资源包，
获取客户端交互事件及参数，
根据客户端交互事件参数的变化，实现配置文件中对图象的显示，位移和矩阵变换指令;
所述配置文件包含一个或者多个图像资源文件的下载路径;
所述配置文件也包含对特定图像的位移和矩阵变换的指令。
参照图2，所述客户端下载可交互图像资源包具体包括：
获取移动互联网终端内的信息列表，
接收信息列表所配置文件的存储位置信息，
根据所述存储位置信息，读取配置文件，
对所述配置文件进行解析，获取配置文件内的图像资源包，
配置所述图像资源包的格式，并依据配置文件内的存储位置信息对所述图像资源包进行交互响应，形成新配置文件，所述新配置文件包含一个或者多个配置于信息列表的下载路径，且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表。
所述根据客户端交互事件参数的变化，实现配置文件中对图象的显示，点击或移动信息列表输入响应命令，该响应命令获取当前信息列表状态下的参数信息，所述移动互联网终端生成所述参数信息包含的图形交互界面，所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
所述图像资源包为一个或多个png格式图像组成的资源包。
所述图像资源包的格式为包含json或xml格式的配置文件。
所述获取移动互联网终端内的信息列表包括
在移动互联网终端内输入获取信息列表的输入命令，
移动互联网终端控制芯片解析输入命令并获取信息列表界面，
对信息列表界面进行预处理，所述预处理包括过滤操作，所述过滤操作后在信息列表界面显示信息列表。
所述获取客户端交互事件包括
在客户端内针对信息列表的点击事件的座标，点击的时长，
在客户端内针对信息列表的划动事件的起始座标，划动的时长。
所述过滤操作具体包括，判断信息列表界面地址链接的合法性，对不合法的字段进行过滤或进行删除，或，判断信息列表界面的配置文件内是否包含死链，如果包含则进行删除，
同时，判断信息列表界面内配置文件的原始下载路径，对原始下载路径进行提取。本发明通过异步下载和交叉交互的方式将信息列表下的媒体内容的下载路径进行了优化，降低了死链、阅读时需进行下载缓冲慢的问题。
所述配置文件解析的方法为：获取配置文件中每个独立资源包的一个或多个png格式图像，依据提取的原始下载路径对每个独立资源包的一个或多个png格式图像进行预下载，对每个独立资源包的一个或多个png格式图像配置一个存储路径反向形成下载路径并进行封装，形成新配置文件。依据所述新配置文件的下载路径形成信息列表的地址列表。本发明用于定义交互方式的json或xml格式的配置文件。通过解析配置文件并在用户交互过程中实时渲染图像。
以上对本发明实施例所公开的技术方案进行了详细介绍，本文中应用了具体实施例对本发明实施例的原理以及实施方式进行了阐述，以上实施例的说明只适用于帮助理解本发明实施例的原理；同时，对于本领域的一般技术人员，依据本发明实施例，在具体实施方式以及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (7)

1.一种信息列表中的可交互图形的展示方法，其特征在于，
包括如下步骤：客户端触发显示可交互图像指令，
客户端下载可交互图像资源包，
客户端解析可交互图像资源包，
获取客户端交互事件及参数，
根据客户端交互事件参数的变化，实现配置文件中对图象的显示，位移和矩阵变换指令;
所述配置文件包含一个或者多个图像资源文件的下载路径;
所述配置文件也包含对特定图像的位移和矩阵变换的指令。
2.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述客户端下载可交互图像资源包具体包括：
获取移动互联网终端内的信息列表，
接收信息列表所配置文件的存储位置信息，
根据所述存储位置信息，读取配置文件，
对所述配置文件进行解析，获取配置文件内的图像资源包，
配置所述图像资源包的格式，并依据配置文件内的存储位置信息对所述图像资源包进行交互响应，形成新配置文件，所述新配置文件包含一个或者多个配置于信息列表的下载路径，且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表。
3.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述根据客户端交互事件参数的变化，实现配置文件中对图象的显示，点击或移动信息列表输入响应命令，该响应命令获取当前信息列表状态下的参数信息，所述移动互联网终端生成所述参数信息包含的图形交互界面，所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
4.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述图像资源包为一个或多个png格式图像组成的资源包。
5.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述图像资源包的格式为包含json或xml格式的配置文件。
6.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述获取移动互联网终端内的信息列表包括
在移动互联网终端内输入获取信息列表的输入命令，
移动互联网终端控制芯片解析输入命令并获取信息列表界面，
对信息列表界面进行预处理，所述预处理包括过滤操作，所述过滤操作后在信息列表界面显示信息列表。
7.根据权利要求1所述的信息列表中的可交互图形的展示方法，其特征在于，所述获取客户端交互事件包括
在客户端内针对信息列表的点击事件的座标，点击的时长，
在客户端内针对信息列表的划动事件的起始座标，划动的时长。
CN201811167304.1A 2018-10-08 2018-10-08 一种信息列表中的可交互图形的展示方法 Active CN109522066B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811167304.1A CN109522066B (zh) 2018-10-08 2018-10-08 一种信息列表中的可交互图形的展示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811167304.1A CN109522066B (zh) 2018-10-08 2018-10-08 一种信息列表中的可交互图形的展示方法

Publications (2)

Publication Number Publication Date
CN109522066A true CN109522066A (zh) 2019-03-26
CN109522066B CN109522066B (zh) 2022-06-21

Family

ID=65772472

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811167304.1A Active CN109522066B (zh) 2018-10-08 2018-10-08 一种信息列表中的可交互图形的展示方法

Country Status (1)

Country Link
CN (1) CN109522066B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110717135A (zh) * 2019-09-20 2020-01-21 广州坚和网络科技有限公司 一种用于广告信息展示的列表中镂空卡片信息展示方法
CN110764765A (zh) * 2019-09-20 2020-02-07 广州坚和网络科技有限公司 一种自动控制目录列表展示视觉节奏的方法

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102025877A (zh) * 2009-09-15 2011-04-20 株式会社理光 图像形成装置、图像形成支持系统和图像形成支持方法
US20120054060A1 (en) * 2010-08-28 2012-03-01 Ebay Inc. Multilevel silhouettes in an online shopping environment
CN102768662A (zh) * 2011-05-05 2012-11-07 阿里巴巴集团控股有限公司 一种加载图片的方法和装置
CN102929615A (zh) * 2012-10-16 2013-02-13 北京迪文科技有限公司 人机交互设备的显示方法及装置
CN103200206A (zh) * 2012-01-06 2013-07-10 腾讯科技（深圳）有限公司 一种展示广告的方法及客户端
CN103559445A (zh) * 2013-11-07 2014-02-05 北京奇虎科技有限公司 一种应用程序交互控制方法及装置
CN103631630A (zh) * 2013-12-17 2014-03-12 北京奇虎科技有限公司 浏览器动态皮肤的加载方法和浏览器装置
CN103810011A (zh) * 2014-02-25 2014-05-21 广州视源电子科技股份有限公司 通过文件服务器实现ota升级的方法
US20150082238A1 (en) * 2013-09-18 2015-03-19 Jianzhong Meng System and method to display and interact with a curve items list
CN106021396A (zh) * 2016-05-13 2016-10-12 国网辽宁省电力有限公司电力科学研究院 一种基于b/s架构的图形化展示scd配置文件的方法
CN106326393A (zh) * 2016-08-17 2017-01-11 东方网力科技股份有限公司 一种小图片的存储、读取方法和装置

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102025877A (zh) * 2009-09-15 2011-04-20 株式会社理光 图像形成装置、图像形成支持系统和图像形成支持方法
US20120054060A1 (en) * 2010-08-28 2012-03-01 Ebay Inc. Multilevel silhouettes in an online shopping environment
CN102768662A (zh) * 2011-05-05 2012-11-07 阿里巴巴集团控股有限公司 一种加载图片的方法和装置
CN103200206A (zh) * 2012-01-06 2013-07-10 腾讯科技（深圳）有限公司 一种展示广告的方法及客户端
CN102929615A (zh) * 2012-10-16 2013-02-13 北京迪文科技有限公司 人机交互设备的显示方法及装置
US20150082238A1 (en) * 2013-09-18 2015-03-19 Jianzhong Meng System and method to display and interact with a curve items list
CN103559445A (zh) * 2013-11-07 2014-02-05 北京奇虎科技有限公司 一种应用程序交互控制方法及装置
CN103631630A (zh) * 2013-12-17 2014-03-12 北京奇虎科技有限公司 浏览器动态皮肤的加载方法和浏览器装置
CN103810011A (zh) * 2014-02-25 2014-05-21 广州视源电子科技股份有限公司 通过文件服务器实现ota升级的方法
CN106021396A (zh) * 2016-05-13 2016-10-12 国网辽宁省电力有限公司电力科学研究院 一种基于b/s架构的图形化展示scd配置文件的方法
CN106326393A (zh) * 2016-08-17 2017-01-11 东方网力科技股份有限公司 一种小图片的存储、读取方法和装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
江映燕: ""基于Web技术的嵌入式用户界面开发平台研究"", 《中国优秀博硕士学位论文全文数据库(硕士)信息科技辑》 *
缪雨润: ""基于Qt的图形用户界面的研究与实现"", 《中国优秀博硕士学位论文全文数据库(硕士)信息科技辑》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110717135A (zh) * 2019-09-20 2020-01-21 广州坚和网络科技有限公司 一种用于广告信息展示的列表中镂空卡片信息展示方法
CN110764765A (zh) * 2019-09-20 2020-02-07 广州坚和网络科技有限公司 一种自动控制目录列表展示视觉节奏的方法

Also Published As

Publication number Publication date
CN109522066B (zh) 2022-06-21

Similar Documents

Publication Publication Date Title
CN111611518B (zh) 基于Html5的可视化展示页面自动发布方法及系统
CN103139292B (zh) 在http代理中处理图片的方法、代理服务器及系统
CN104158836B (zh) 一种通过数据渲染移动应用界面的方法
CN109901938B (zh) 基于WebSocket通信的可交互大屏系统及可视化展示方法
US9563929B1 (en) Caching of content page layers
CN111045655A (zh) 一种页面渲染的方法、装置、渲染服务器和存储介质
CN107450899B (zh) 终端控制脚本的生成方法和装置
CN110020278A (zh) 页面数据的展示、提供方法、客户端及服务器
CN104216697B (zh) 用于移动终端的动画播放方法、装置和移动终端
CN106060674A (zh) 一种在前端实现智能视频直播的系统及方法
US9646103B2 (en) Client-side template engine and method for constructing a nested DOM module for a website
US8516041B1 (en) Pre-fetching asynchronously requested content
EP2664998A1 (en) Microblog message processing method and device thereof
CN112558970A (zh) 前端页面的渲染生成方法、装置、前端设备及存储介质
US20160196008A1 (en) Implementing desktops on a mobile terminal
US20160012144A1 (en) Javascript-based, client-side template driver system
CN112689170B (zh) 显示终端的内容播放方法、显示终端及可读存储介质
US20160012147A1 (en) Asynchronous Initialization of Document Object Model (DOM) Modules
WO2022048141A1 (zh) 一种图像处理方法及装置、计算机可读存储介质
CN106486118B (zh) 一种应用的语音控制方法和装置
CN109522066A (zh) 一种信息列表中的可交互图形的展示方法
US20240007701A1 (en) Continuing video playback when switching from a dynamic page to a non-dynamic page
CN104731897B (zh) 一种信息展现的实现方法和装置
CN105847319A (zh) 一种移动终端网络请求方法及系统
US20160012023A1 (en) Self-Referencing of Running Script Elements in Asynchronously Loaded DOM Modules

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