CN105892961A - 一种栅格动态布局设备和方法 - Google Patents

一种栅格动态布局设备和方法 Download PDF

Info

Publication number
CN105892961A
CN105892961A CN201510784105.5A CN201510784105A CN105892961A CN 105892961 A CN105892961 A CN 105892961A CN 201510784105 A CN201510784105 A CN 201510784105A CN 105892961 A CN105892961 A CN 105892961A
Authority
CN
China
Prior art keywords
sublattice
grid
message
sub
subelement
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
Application number
CN201510784105.5A
Other languages
English (en)
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.)
LeTV Information Technology Beijing Co Ltd
Original Assignee
LeTV Information Technology Beijing 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 LeTV Information Technology Beijing Co Ltd filed Critical LeTV Information Technology Beijing Co Ltd
Priority to CN201510784105.5A priority Critical patent/CN105892961A/zh
Publication of CN105892961A publication Critical patent/CN105892961A/zh
Pending legal-status Critical Current

Links

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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
    • G06F3/1446—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display display composed of modules, e.g. video walls
    • 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

Abstract

本发明涉及栅格动态布局技术领域，公开了一种栅格动态布局设备和方法，该设备包括：接收器，从服务器接收用于指示填充至由一个以上子单元构成的所述栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成所述子格的子单元的布局和所述子格的填充内容，所述子单元为构成所述栅格的最小单元；以及栅格构建器，根据所述消息中子消息的排列顺序，将每一个子格填充至所述栅格。本发明通过客户端根据从服务器接收的栅格中各个子格的排列顺序来排列每一个子格，很好地实现了栅格的动态布局，运营人员可以通过服务器端轻松编辑任意想要的布局，而不需要根据固有的规则来下发数据。

Description

一种栅格动态布局设备和方法
技术领域
本发明涉及栅格动态布局技术，具体地，涉及一种栅格动态布局设备和方法。
背景技术
随着基于栅格进行布局的广泛应用，无论是手机端还是大屏TV端，通过栅格进行布局的应用给用户带来了更加清晰直观的感受，越来越多的用户体验到了栅格布局带来的便捷的交互，基于栅格进行布局已经逐渐成为主流应用的布局方案。
目前，大部分采用的(例如Android采用的)栅格布局都是基于原生线性布局和相对布局，甚至是采用表格布局来实现栅格交互，然而，这些栅格布局方案编码繁琐、绘制效率低，并且一旦客户端模板硬编码完成，服务器端就必须按照规则下发数据，所以容错率低。在需要改变客户端的布局的情况下，需要技术人员对布局重新编码，而且需要引入三方库来解析脚本，实现起来非常麻烦。
发明内容
本发明的目的是提供一种栅格动态布局设备和方法，用于解决服务器端动态地对客户端进行栅格布局的问题。
为了实现上述目的，本发明提供了一种栅格动态布局设备，该设备包括：接收器，从服务器接收用于指示填充至由一个以上子单元构成的所述栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成所述子格的子单元的布局和所述子格的填充内容，所述子单元为构成所述栅格的最小单元；以及栅格构建器，根据所述消息中子消息的排列顺序，将每一个子格填充至所述栅格。
相应地，本发明还提供了一种栅格动态布局方法，该方法包括：从服务器接收用于指示填充至由一个以上子单元构成的所述栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成所述子格的子单元的布局和所述子格的填充内容，所述子单元为构成所述栅格的最小单元；以及根据所述消息中子消息的排列顺序，将每一个子格填充至所述栅格。
通过上述技术方案，本发明通过客户端根据从服务器接收的栅格中各个子格的排列顺序来排列每一个子格，很好地实现了栅格的动态布局，运营人员可以通过服务器端轻松编辑任意想要的布局，而不需要根据固有的规则来下发数据。
本发明的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本发明的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本发明，但并不构成对本发明的限制。在附图中：
图1是本发明提供的栅格动态布局设备的框图；
图2是本发明提供的栅格动态布局的图示；以及
图3是本发明提供的栅格动态布局方法的流程图。
具体实施方式
以下结合附图对本发明的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明，并不用于限制本发明。
在介绍本发明的具体技术方案之前，先解释一下本发明中的一些术语。客户端的显示屏幕被划分为一个或多个栅格，一个栅格由一个以上子单元构成，一个子格占用一个以上子单元，一个栅格可以容纳一个以上的子格。子单元可以理解为划分显示屏幕的最小单元，子单元也是构成栅格的最小单元，一个子单元一般是正方形的像素单元，例如，300×300像素的正方形区域可以是一个子单元，进一步地，子格的大小为2，那么该子格就是由两个300×300像素的子单元构成的，如果其布局为长度方向上为2个子单元，宽度方向上为1个子单元，那么该子格为1×2的子格。这里的栅格也可以理解为容器。
图1是本发明提供的栅格动态布局设备的框图，如图1所示，该设备包括接收器11和栅格构建器12。接收器11从服务器接收用于指示填充至由一个以上子单元构成的栅格的子格的息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成子格的子单元的布局和子格的填充内容，子单元为构成所述栅格的最小单元；栅格构建器12根据消息中子消息的排列顺序，将每一个子格填充至栅格。
如图1所示，本发明提供的栅格动态布局设备还包括发射器13，发射器13用于向服务器发送请求，服务器根据该请求发送消息。在客户端需要更新展示页面的情况下，通过发射器13向服务器发送一个请求，这个请求是要求服务器发送所要更新的展示页面的有关信息的一个请求。
在客户端需要更新展示页面的情况下，服务器会向客户端下发有关所要展示的页面的消息，在该消息中包括了每一个子格的大小、构成子格的子单元的布局和子格的填充内容，这里，指示了一个子格的大小、构成子格的子单元的布局和子格的填充内容的信息被称为一个子消息，这些子消息是顺序排列的，也可以是每一个子消息中包括了一个序列号。这里以子消息按照各自的序列号排列为例，那么接收器11接收到的就是顺序排列的子消息，栅格构建器12根据子消息的排列顺序并结合预先设定的排列方式来将每一个子格填充至栅格。预先设定的排列方式为根据每一个子格的序列号(在子消息中指示的)所设定的排列方式。
应当理解的是，以上所描述的栅格动态布局设备中所包括的接收器11、栅格构建器12和发射器13均包括在客户端中。
栅格构建器12将每一个子格填充至栅格可以为以下方式：按照消息中子消息的排列顺序，针对每一个子消息所对应的子格，在栅格内按先从上之下、后从左至右的顺序查找能够容纳当前子格的位置，并将当前子格(包括子格的填充内容)填充至该位置。
其中，子格的大小为子格所占子单元的个数，子单元的布局为子单元的排列方式，其中子格由一个以上子单元构成。这里的一个子单元就是1个单位，例如，一个子格由2个子单元构成，那么该子格的大小为2，其排列方式为1行2列，那么该子格的布局即为1行2列，那么该子格就可以表示为1×2，也就是说这是一个1×2的子格。
下面结合图2对以上描述的栅格中的子格的排列方式进行阐述，图2是本发明提供的栅格动态布局的图示，如图2所示，图2中的左图示出的是一个5×5的栅格，即为一个5行5列的栅格，每一个单元格就是一个子单元。
在从服务器接收到指示了每一个子格的大小和子单元的布局的消息之后，就按照该消息中的子消息的顺序来将每一个子格填充至栅格，图2中的右图示出了在栅格中填充了子格自后的情况，这里假设有6个子格，即①②③④⑤⑥，这6个子格的大小、子单元的布局和子格的填充内容分别被包括在从服务器接收到的消息中的6个子消息中，这6个子消息的排列顺序为①②③④⑤⑥。
第1个子格(即①)为2×2的子格，被排列在栅格第1-2行的1-2列上，第2个子格(即②)为2×2的子格，被排列在栅格第3-4行的1-2列上，第3个子格(即③)为2×3的子格，因为在该栅格中从最左侧(即第1行)开始的位置已经无法容纳一个2×3的子格，所以第3个子格被排列在该栅格的第1-2行的3-5列上，第4个子格(即④)为1×2的子格，按照从左至右、从上至下的规则，第4个子格能够在从第1行开始的位置被容纳，所以该第4个子格被排列在第5行的第1-2列上。同样按照从左至右、从上至下的规则排列第5个子格(即⑤)和第6个子格(即⑥)，如图2所示(右图)，第5个子格的2×1的子格，被排列在第3-4行的第3列上，第6个子格为3×2的子格，被排列在第3-5行的第4-5列上。从图2的右图中可以看出，该栅格的第5行第3列的子单元未被占用(图2的右图中的阴影的子单元)，该子单元可以不容纳任何子格，即不展示任何内容。
这里可以将一个子格理解为1个产品的展示，那么在所展示的产品下架或想改变某个子格的展示内容的情况下，就可以非常方便地通过服务器端进行更新。可以为服务器端技术人员和数据运营人员提供更加便捷友好的操作方式，使其从服务器端轻松编辑任意想要的布局，不仅能够提高整体运行效率，还为用户提供了更加流畅的交互体验。
图3是本发明提供的栅格动态布局方法的流程图，如图3所示，该方法包括：
步骤301，从服务器接收用于指示填充至由一个以上子单元构成的栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成子格的子单元的布局和子格的填充内容，子单元为构成所述栅格的最小单元。
步骤302，根据消息中子消息的排列顺序，将每一个子格填充至栅格。
需要说明的是，本发明提供的栅格动态布局方法的具体细节及益处与本发明提供的栅格动态布局设备类似，于此不予赘述。
以上结合附图详细描述了本发明的优选实施方式，但是，本发明并不限于上述实施方式中的具体细节，在本发明的技术构思范围内，可以对本发明的技术方案进行多种简单变型，这些简单变型均属于本发明的保护范围。
另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本发明对各种可能的组合方式不再另行说明。
此外，本发明的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明的思想，其同样应当视为本发明所公开的内容。

Claims (8)

1.一种栅格动态布局设备，其特征在于，该设备包括：
接收器，从服务器接收用于指示填充至由一个以上子单元构成的所述栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成所述子格的子单元的布局和所述子格的填充内容，所述子单元为构成所述栅格的最小单元；以及
栅格构建器，根据所述消息中子消息的排列顺序，将每一个子格填充至所述栅格。
2.根据权利要求1所述的设备，其特征在于，所述栅格构建器将每一个子格填充至所述栅格包括：
按照所述消息中子消息的排列顺序，针对每一个子消息所对应的子格，在所述栅格内按先从上之下、后从左至右的顺序查找能够容纳当前子格的位置，并将当前子格填充至该位置。
3.根据权利要求1或2所述的设备，其特征在于，子格的大小为子格所占子单元的个数，子单元的布局为子单元的排列方式。
4.根据权利要求1所述的设备，其特征在于，该设备还包括：
发射器，用于向所述服务器发送请求；
其中，所述服务器根据该请求发送所述消息。
5.一种栅格动态布局方法，其特征在于，该方法包括：
从服务器接收用于指示填充至由一个以上子单元构成的所述栅格的子格的消息，该消息中包括顺序排列的子消息，每一个子消息包括一个子格的大小、构成所述子格的子单元的布局和所述子格的填充内容，所述子单元为构成所述栅格的最小单元；以及
根据所述消息中子消息的排列顺序，将每一个子格填充至所述栅格。
6.根据权利要求5所述的方法，其特征在于，所述将每一个子格填充至所述栅格包括：
按照所述消息中子消息的排列顺序，针对每一个子消息所对应的子格，在所述栅格内按先从上之下、后从左至右的顺序查找能够容纳当前子格的位置，并将当前子格填充至该位置。
7.根据权利要求5或6所述的方法，其特征在于，子格的大小为子格所占子单元的个数，子单元的布局为子单元的排列方式。
8.根据权利要求5所述的方法，其特征在于，该方法还包括：
向所述服务器发送请求，服务器根据该请求发送所述消息。
CN201510784105.5A 2015-11-16 2015-11-16 一种栅格动态布局设备和方法 Pending CN105892961A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510784105.5A CN105892961A (zh) 2015-11-16 2015-11-16 一种栅格动态布局设备和方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510784105.5A CN105892961A (zh) 2015-11-16 2015-11-16 一种栅格动态布局设备和方法

Publications (1)

Publication Number Publication Date
CN105892961A true CN105892961A (zh) 2016-08-24

Family

ID=57001952

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510784105.5A Pending CN105892961A (zh) 2015-11-16 2015-11-16 一种栅格动态布局设备和方法

Country Status (1)

Country Link
CN (1) CN105892961A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107122151A (zh) * 2017-04-22 2017-09-01 高新兴科技集团股份有限公司 一种城市运营中心大屏的动态布局方法和系统
CN109714620A (zh) * 2018-12-27 2019-05-03 山东浪潮商用系统有限公司 一种基于机顶盒的界面可视化编辑及显示方法及系统
CN110109729A (zh) * 2019-05-13 2019-08-09 百度在线网络技术（北京）有限公司 一种界面的布局调整方法、装置、电子设备及存储介质
CN113391861A (zh) * 2021-05-21 2021-09-14 军事科学院系统工程研究院网络信息研究所 基于安卓平台的表格动态绘制方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101609403A (zh) * 2009-07-29 2009-12-23 金蝶软件（中国）有限公司 一种页面布局动态切换方法及系统
CN104007991A (zh) * 2014-06-06 2014-08-27 百度在线网络技术（北京）有限公司 应用程序界面布局调整方法和装置
CN104063463A (zh) * 2014-06-26 2014-09-24 百度在线网络技术（北京）有限公司 音乐呈现方法和装置
WO2015013720A1 (en) * 2013-07-26 2015-01-29 Futurewei Technologies Inc. Spatial adaptation in adaptive streaming

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101609403A (zh) * 2009-07-29 2009-12-23 金蝶软件（中国）有限公司 一种页面布局动态切换方法及系统
WO2015013720A1 (en) * 2013-07-26 2015-01-29 Futurewei Technologies Inc. Spatial adaptation in adaptive streaming
CN104007991A (zh) * 2014-06-06 2014-08-27 百度在线网络技术（北京）有限公司 应用程序界面布局调整方法和装置
CN104063463A (zh) * 2014-06-26 2014-09-24 百度在线网络技术（北京）有限公司 音乐呈现方法和装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107122151A (zh) * 2017-04-22 2017-09-01 高新兴科技集团股份有限公司 一种城市运营中心大屏的动态布局方法和系统
CN109714620A (zh) * 2018-12-27 2019-05-03 山东浪潮商用系统有限公司 一种基于机顶盒的界面可视化编辑及显示方法及系统
CN110109729A (zh) * 2019-05-13 2019-08-09 百度在线网络技术（北京）有限公司 一种界面的布局调整方法、装置、电子设备及存储介质
CN110109729B (zh) * 2019-05-13 2022-09-06 百度在线网络技术（北京）有限公司 一种界面的布局调整方法、装置、电子设备及存储介质
CN113391861A (zh) * 2021-05-21 2021-09-14 军事科学院系统工程研究院网络信息研究所 基于安卓平台的表格动态绘制方法
CN113391861B (zh) * 2021-05-21 2023-12-29 军事科学院系统工程研究院网络信息研究所 基于安卓平台的表格动态绘制方法

Similar Documents

Publication Publication Date Title
CN105892961A (zh) 一种栅格动态布局设备和方法
CN106550278B (zh) 直播平台的分组互动的方法及装置
WO2017107447A1 (zh) 在直播应用中显示聊天消息的方法及装置
US20160065669A1 (en) Location-oriented team intercommunication
CN104461573B (zh) 一种视图层次的控制处理方法
MX350344B (es) Sistema y metodo para mostrar multiples aplicaciones.
CN102707970A (zh) 手机应用程序在计算机类终端上的显示与启动方法
CN105677265A (zh) 一种显示方法及终端
JP2010146504A (ja) 情報処理システム及び表示制御方法
CN104375798A (zh) 一种由多个移动智能设备屏幕组合显示多媒体的方法
US20210012455A1 (en) Method and device for loading image
CN104298484A (zh) 多屏互动方法及装置
CN101340550A (zh) 一种多画面控制显示的方法和装置
CN105930731A (zh) 一种安全应用ta交互的方法及装置
CN108769824A (zh) 一种视频混流方法、装置、系统、设备及介质
CN109710905A (zh) 文档协同编辑方法、装置、存储介质及电子设备
JP2018506793A5 (ja) 情報処理方法、プログラム及び端末
CN102447689B (zh) 一种消息的更新提示方法以及网络客户端
CN108897512A (zh) 图像发送方法及装置，拼接显示系统
CN105653222B (zh) 一种实现多系统分屏运行的方法和装置
US20240007689A1 (en) Live video processing method and apparatus, device and medium
CN103747309B (zh) 控制第三方服务器提供的Widget应用的方法和装置
CN103995720A (zh) 在拼墙系统上实现集中可视化显示控制的方法及装置
CN104142758B (zh) 一种嵌入式窗口管理方法及装置
CN105141981B (zh) 一种机顶盒分布图的显示方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20160824