CN108920538A - 一种在信息流列表横向跨屏信息展示的方法 - Google Patents
一种在信息流列表横向跨屏信息展示的方法 Download PDFInfo
- Publication number
- CN108920538A CN108920538A CN201810598893.2A CN201810598893A CN108920538A CN 108920538 A CN108920538 A CN 108920538A CN 201810598893 A CN201810598893 A CN 201810598893A CN 108920538 A CN108920538 A CN 108920538A
- Authority
- CN
- China
- Prior art keywords
- information
- list
- configuration file
- display area
- coordinates matrix
- 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
- 238000000034 method Methods 0.000 title claims abstract description 20
- 239000011159 matrix material Substances 0.000 claims abstract description 23
- 230000003993 interaction Effects 0.000 claims description 12
- 230000004044 response Effects 0.000 claims description 6
- 238000013507 mapping Methods 0.000 claims description 3
- 230000026676 system process Effects 0.000 claims description 3
- 238000007405 data analysis Methods 0.000 abstract description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000003139 buffering effect Effects 0.000 description 1
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/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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Digital Computer Display Output (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种在信息流列表横向跨屏信息展示的方法,包括如下步骤:获取信息流的信息列表,配置显示区域、列表显示区域以及显示区域信息所对应的坐标矩阵,对接收的信息列表进行预处理,对预处理的结果进行预缓存,接收来自非坐标矩阵之内的信息流,对所述非坐标矩阵之内的信息流通过数据分析模块进行分析,获取其对应的原始坐标矩阵,通过数据处理模块对原始坐标矩阵进行处理映射至接收端显示区域并显示该信息列表。本发明在移动互联网终端应用中的多个竖向内容列表之间,实现一个横向多个屏宽的信息展示的方法。
Description
技术领域
本发明属于信息流列表横向跨屏信息展示技术领域,具体涉及一种在信息流列表横向跨屏信息展示的方法。
背景技术
随着互联网的发展,新闻媒介已经由传统的形式演变成互联网模式,通过移动终端获取新闻或者新媒体已经成为现在的主流趋势。在信息列表中,包含了图像、音频、视频以及文字组成的读本,点击获取该读本时,一般获取一个平面的静态位图或者交互位图,不能进行跨屏显示。
发明内容
有鉴于此,本发明的主要目的是提供一种在信息流列表横向跨屏信息展示的方法。
本发明采用的技术方案是:
一种在信息流列表横向跨屏信息展示的方法,
包括如下步骤:获取信息流的信息列表,
配置显示区域、列表显示区域以及显示区域信息所对应的坐标矩阵,
对接收的信息列表进行预处理,对预处理的结果进行预缓存,
接收来自非坐标矩阵之内的信息流,对所述非坐标矩阵之内的信息流通过数据分析模块进行分析,获取其对应的原始坐标矩阵,通过数据处理模块对原始坐标矩阵进行处理映射至接收端显示区域并显示该信息列表。
所述信息展示的步骤为:
获取移动互联网终端内的信息列表、列表显示区域以及显示区域信息所对应的坐标矩阵,
接收信息列表所配置文件的存储位置信息,
根据所述存储位置信息,读取配置文件,
对所述配置文件进行解析,获取配置文件内的图像资源包,
配置所述图像资源包的格式,并依据配置文件内的存储位置信息对所述图像资源包进行交互响应,形成新配置文件,所述新配置文件包含一个或者多个配置于信息列表的下载路径,且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表;该地址列表预存在列表显示区域的存储模块中;
点击或移动信息列表输入响应命令,该响应命令获取当前信息列表状态下的参数信息,所述移动互联网终端生成所述参数信息包含的图形交互界面,所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
所述图像资源包为一个或多个png格式图像组成的资源包。
所述图像资源包的格式为包含json或xml格式的配置文件。
还包括
获取用户的触摸指令,
对触摸指令进行分析,确定信息列表所在的列表显示区域以及显示区域信息所对应的坐标矩阵,
获取该区域的预缓存数据,依据映射关系将预缓存数据进行转发。
还包括
包括触摸指令执行模块、预缓存模块、配置驱动模块;
触摸指令执行模块:解析触摸指令,得到触摸数据,
所述预缓存模块:用于用户点击信息列表所在的列表显示区域,根据得到的得到触摸数据获取该区域内信息列表中包含的所配置文件和该配置文件的存储位置信息;
配置驱动模块:驱动系统进程读取存储位置信息并下载配置文件。
本发明在移动互联网终端应用中的多个竖向内容列表之间,实现一个横向多个屏宽的信息展示的方法。该横向跨屏信息可以是静态的位图。或者是可交互图形,是一个由png格式图像组成的资源包。
本发明可以横向在多个信息流列表之间导航时中实时渲染图像。
附图说明
图1为本发明流程图;
图2为本发明触摸显示的流程图;
图3为本发明触摸指令执行流程图。
具体实施方式
下面将结合附图以及具体实施例来详细说明本发明,在此本发明的示意性实施例以及说明用来解释本发明,但并不作为对本发明的限定。
参照图1,本发明提供了一种在信息流列表横向跨屏信息展示的方法,
包括如下步骤:获取信息流的信息列表,
配置显示区域、列表显示区域以及显示区域信息所对应的坐标矩阵,
对接收的信息列表进行预处理,对预处理的结果进行预缓存,
接收来自非坐标矩阵之内的信息流,对所述非坐标矩阵之内的信息流通过数据分析模块进行分析,获取其对应的原始坐标矩阵,通过数据处理模块对原始坐标矩阵进行处理映射至接收端显示区域并显示该信息列表。
所述信息展示的步骤为:
获取移动互联网终端内的信息列表、列表显示区域以及显示区域信息所对应的坐标矩阵,
接收信息列表所配置文件的存储位置信息,
根据所述存储位置信息,读取配置文件,
对所述配置文件进行解析,获取配置文件内的图像资源包,
配置所述图像资源包的格式,并依据配置文件内的存储位置信息对所述图像资源包进行交互响应,形成新配置文件,所述新配置文件包含一个或者多个配置于信息列表的下载路径,且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表;该地址列表预存在列表显示区域的存储模块中;
点击或移动信息列表输入响应命令,该响应命令获取当前信息列表状态下的参数信息,所述移动互联网终端生成所述参数信息包含的图形交互界面,所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
所述获取移动互联网终端内的信息列表包括
在移动互联网终端内输入获取信息列表的输入命令,
移动互联网终端控制芯片解析输入命令并获取信息列表界面,
对信息列表界面进行预处理,所述预处理包括过滤操作,所述过滤操作后在信息列表界面显示信息列表。
所述过滤操作具体包括,判断信息列表界面地址链接的合法性,对不合法的字段进行过滤或进行删除,或,判断信息列表界面的配置文件内是否包含死链,如果包含则进行删除,
同时,判断信息列表界面内配置文件的原始下载路径,对原始下载路径进行提取。本发明通过异步下载和交叉交互的方式将信息列表下的媒体内容的下载路径进行了优化,降低了死链、阅读时需进行下载缓冲慢的问题。
所述配置文件解析的方法为:获取配置文件中每个独立资源包的一个或多个png格式图像,依据提取的原始下载路径对每个独立资源包的一个或多个png格式图像进行预下载,对每个独立资源包的一个或多个png格式图像配置一个存储路径反向形成下载路径并进行封装,形成新配置文件。依据所述新配置文件的下载路径形成信息列表的地址列表。本发明用于定义交互方式的json或xml格式的配置文件。通过解析配置文件并在用户交互过程中实时渲染图像。
还包括
获取用户的触摸指令,
对触摸指令进行分析,确定信息列表所在的列表显示区域以及显示区域信息所对应的坐标矩阵,
获取该区域的预缓存数据,依据映射关系将预缓存数据进行转发。
还包括
包括触摸指令执行模块、预缓存模块、配置驱动模块;
触摸指令执行模块:解析触摸指令,得到触摸数据,
所述预缓存模块:用于用户点击信息列表所在的列表显示区域,根据得到的得到触摸数据获取该区域内信息列表中包含的所配置文件和该配置文件的存储位置信息;
配置驱动模块:驱动系统进程读取存储位置信息并下载配置文件。
触摸数据分析模块将处理后得到的截取区域和时间点信息发送给数据处理模块。对于界面上每一个显示区域中显示的内容,在应用进程模块的数据缓冲模块中都有一个缓冲区与其对应。通常惯用的缓冲区技术可以保存其显示区域当前显示画面的内容的时间点和其未来一个时间点之间的一段时间内的数据。本发明还对缓冲区进行了改进,在常用缓冲区技术基础上,加大缓冲内存,并保存当前显示内容时间点和其之前某一个时间点之间的一段时间内的数据。该时间段大于双击触摸方式和长按触摸方式的最大有效时间,从而保证缓冲区中有触摸时间点的数据。
以上对本发明实施例所公开的技术方案进行了详细介绍,本文中应用了具体实施例对本发明实施例的原理以及实施方式进行了阐述,以上实施例的说明只适用于帮助理解本发明实施例的原理;同时,对于本领域的一般技术人员,依据本发明实施例,在具体实施方式以及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (6)
1.一种在信息流列表横向跨屏信息展示的方法,其特征在于,
包括如下步骤:获取信息流的信息列表,
配置显示区域、列表显示区域以及显示区域信息所对应的坐标矩阵,
对接收的信息列表进行预处理,对预处理的结果进行预缓存,
接收来自非坐标矩阵之内的信息流,对所述非坐标矩阵之内的信息流通过数据分析模块进行分析,获取其对应的原始坐标矩阵,通过数据处理模块对原始坐标矩阵进行处理映射至接收端显示区域并显示该信息列表。
2.根据权利要求1所述的在信息流列表横向跨屏信息展示的方法,其特征在于,所述信息展示的步骤为:
获取移动互联网终端内的信息列表、列表显示区域以及显示区域信息所对应的坐标矩阵,
接收信息列表所配置文件的存储位置信息,
根据所述存储位置信息,读取配置文件,
对所述配置文件进行解析,获取配置文件内的图像资源包,
配置所述图像资源包的格式,并依据配置文件内的存储位置信息对所述图像资源包进行交互响应,形成新配置文件,所述新配置文件包含一个或者多个配置于信息列表的下载路径,且新配置文件依据下载路径存储在所响应的信息列表对应的信息列表的地址列表;该地址列表预存在列表显示区域的存储模块中;
点击或移动信息列表输入响应命令,该响应命令获取当前信息列表状态下的参数信息,所述移动互联网终端生成所述参数信息包含的图形交互界面,所述图形交互界面依据地址列表将新配置文件推送至移动互联网终端进行显示。
3.根据权利要求2所述的在信息流列表横向跨屏信息展示的方法,其特征在于,所述图像资源包为一个或多个png格式图像组成的资源包。
4.根据权利要求2所述的在信息流列表横向跨屏信息展示的方法,其特征在于,所述图像资源包的格式为包含json或xml格式的配置文件。
5.根据权利要求1所述的在信息流列表横向跨屏信息展示的方法,其特征在于,还包括
获取用户的触摸指令,
对触摸指令进行分析,确定信息列表所在的列表显示区域以及显示区域信息所对应的坐标矩阵,
获取该区域的预缓存数据,依据映射关系将预缓存数据进行转发。
6.根据权利要求1所述的在信息流列表横向跨屏信息展示的方法,其特征在于,还包括
包括触摸指令执行模块、预缓存模块、配置驱动模块;
触摸指令执行模块:解析触摸指令,得到触摸数据,
所述预缓存模块:用于用户点击信息列表所在的列表显示区域,根据得到的得到触摸数据获取该区域内信息列表中包含的所配置文件和该配置文件的存储位置信息;
配置驱动模块:驱动系统进程读取存储位置信息并下载配置文件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810598893.2A CN108920538B (zh) | 2018-06-12 | 一种在信息流列表横向跨屏信息展示的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810598893.2A CN108920538B (zh) | 2018-06-12 | 一种在信息流列表横向跨屏信息展示的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108920538A true CN108920538A (zh) | 2018-11-30 |
CN108920538B CN108920538B (zh) | 2024-07-09 |
Family
ID=
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111142827A (zh) * | 2019-12-31 | 2020-05-12 | 镁佳(北京)科技有限公司 | 应用显示方法及装置,存储介质及电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20100037841A (ko) * | 2008-10-02 | 2010-04-12 | 에스케이 텔레콤주식회사 | 메인 화면 구성 방법 및 그 단말기 |
CN103200206A (zh) * | 2012-01-06 | 2013-07-10 | 腾讯科技(深圳)有限公司 | 一种展示广告的方法及客户端 |
KR20130080504A (ko) * | 2012-01-05 | 2013-07-15 | 엘지전자 주식회사 | 이동 단말기 및 이동 단말기의 제어 방법 |
CN105843486A (zh) * | 2016-01-29 | 2016-08-10 | 北京小米移动软件有限公司 | 界面展示的方法及装置 |
CN106168870A (zh) * | 2016-06-30 | 2016-11-30 | 深圳市金立通信设备有限公司 | 一种分屏窗口显示方法及终端 |
CN107483729A (zh) * | 2017-08-08 | 2017-12-15 | 陕西银河景天电子有限责任公司 | 一种多画面显示选择截取画面的方法及系统 |
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20100037841A (ko) * | 2008-10-02 | 2010-04-12 | 에스케이 텔레콤주식회사 | 메인 화면 구성 방법 및 그 단말기 |
KR20130080504A (ko) * | 2012-01-05 | 2013-07-15 | 엘지전자 주식회사 | 이동 단말기 및 이동 단말기의 제어 방법 |
CN103200206A (zh) * | 2012-01-06 | 2013-07-10 | 腾讯科技(深圳)有限公司 | 一种展示广告的方法及客户端 |
CN105843486A (zh) * | 2016-01-29 | 2016-08-10 | 北京小米移动软件有限公司 | 界面展示的方法及装置 |
CN106168870A (zh) * | 2016-06-30 | 2016-11-30 | 深圳市金立通信设备有限公司 | 一种分屏窗口显示方法及终端 |
CN107483729A (zh) * | 2017-08-08 | 2017-12-15 | 陕西银河景天电子有限责任公司 | 一种多画面显示选择截取画面的方法及系统 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111142827A (zh) * | 2019-12-31 | 2020-05-12 | 镁佳(北京)科技有限公司 | 应用显示方法及装置,存储介质及电子设备 |
CN111142827B (zh) * | 2019-12-31 | 2021-04-13 | 镁佳(北京)科技有限公司 | 应用显示方法及装置,存储介质及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111045655B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
US7688327B2 (en) | Visual content browsing with zoom and pan features | |
JP5306429B2 (ja) | デジタルドキュメント処理のための方法 | |
US9582600B1 (en) | Cloud browser DOM-based client | |
CN111433743B (zh) | 一种app远程控制方法及相关设备 | |
US10002115B1 (en) | Hybrid rendering of a web page | |
US11729182B2 (en) | Speculative rendering | |
CN109032390A (zh) | 笔迹数据缓存方法、装置、设备和存储介质 | |
US20090006977A1 (en) | Method and System of Computer Remote Control that Optimized for Low Bandwidth Network and Low Level Personal Communication Terminal Device | |
CN113368492B (zh) | 渲染的方法、装置 | |
CN104850388A (zh) | 网页绘制方法及装置 | |
US9679075B1 (en) | Efficient delivery of animated image files | |
CN109298806B (zh) | 一种基于对象识别的远程快速界面交互方法及装置 | |
US20120229485A1 (en) | Generating strokes in real-time on an electronic paper display | |
CN104881273A (zh) | 一种网页渲染的分析方法和终端设备 | |
CN111459501A (zh) | 基于SVG的Web组态画面存储与展示系统和方法及介质 | |
CN111915705A (zh) | 图片可视化编辑方法、装置、设备和介质 | |
CN109522066B (zh) | 一种信息列表中的可交互图形的展示方法 | |
CN108920538A (zh) | 一种在信息流列表横向跨屏信息展示的方法 | |
CN108132767B (zh) | 应用窗口预览方法和系统 | |
US20150269131A1 (en) | Content conversion apparatus and method, and communication system | |
CN105022734A (zh) | 一种背景色设置方法及装置 | |
CN108920538B (zh) | 一种在信息流列表横向跨屏信息展示的方法 | |
WO2007013280A1 (ja) | プラグインモジュール実行方法、ブラウザ実行方法、メーラ実行方法、プログラム、端末装置、及び、ページデータが記録されたコンピュータ読み取り可能な記録媒体 | |
CN112287261A (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 | ||
GR01 | Patent grant |