CN113076100A - 基于布局堆叠的表单布局自适应方法、系统、终端及介质 - Google Patents
基于布局堆叠的表单布局自适应方法、系统、终端及介质 Download PDFInfo
- Publication number
- CN113076100A CN113076100A CN202011125105.1A CN202011125105A CN113076100A CN 113076100 A CN113076100 A CN 113076100A CN 202011125105 A CN202011125105 A CN 202011125105A CN 113076100 A CN113076100 A CN 113076100A
- Authority
- CN
- China
- Prior art keywords
- layout
- rows
- columns
- components
- setting
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明的基于布局堆叠的表单布局自适应方法、系统、终端及介质,解决现有技术中针对不同的设备类型进行针对性的开发调整,即针对PC设计一个页面、针对手机设计一个页面,甚至针对平板还需要设计页面,带来了重复开发及维护的工作量的问题。本发明使用了动态布局堆叠的方式,使得可以仅需要设计一个页面,通过布局引擎计算,自适应到不同的设备中。
Description
技术领域
本发明涉及信息技术领域,特别是涉及一种基于布局堆叠的表单布局自适应方法、系统、终端及介质。
背景技术
目前移动终端设备,如:手机、PDA、平板等在企业应用中越来越广泛,但是在企业移动应用的开发过程中,面临着相同的功能在不同的屏幕尺寸设备上运行时的自适应问题。例如同样的界面,在PC上、手机上、平板上显示的界面布局并不相同。
为了解决这个问题,传统的做法通常是针对不同的设备类型进行针对性的开发调整,即针对PC设计一个页面、针对手机设计一个页面,甚至针对平板还需要设计页面,带来了重复开发及维护的工作量。
发明内容
鉴于以上所述现有技术的缺点,本发明的目的在于提供一种基于布局堆叠的表单布局自适应方法、系统、终端及介质,用于解决现有技术中针对不同的设备类型进行针对性的开发调整,即针对PC设计一个页面、针对手机设计一个页面,甚至针对平板还需要设计页面,带来了重复开发及维护的工作量的问题。
为实现上述目的及其他相关目的,本发明提供一种基于布局堆叠的表单布局自适应方法,包括:分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息;基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架;分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序;基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
于本发明的一实施例中,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
于本发明的一实施例中,所述基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架的方式包括:根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;对所述当前终端设备的实际像素进行切分,获得包括与表单的布局行以及布局列的数量信息相关的一定数量的单元格的表单框架。
于本发明的一实施例中,所述分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序,包括:分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息;设置各组件在所述表单框架中的单元格的填充顺序。
于本发明的一实施例中,所述布局引擎算法包括:寻找所述表单框架中可填充的单元格区域,并按照由左至右以及由上至下的顺序,依次填充所述单元格,直至各组件填充完毕。
为实现上述目的及其他相关目的,本发明提供一种基于布局堆叠的表单布局自适应系统,所述系统包括:布局行列定义模块,用于分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息;单元格切分模块,连接所述布局行列定义模块,用于基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架;组件设置模块,连接所述单元格切割模块,用于分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序;布局堆叠模块,连接所述组件设置模块,用于基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
于本发明的一实施例中,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
于本发明的一实施例中,所述分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序,包括:分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的数量信息;设置各组件在所述表单框架中的单元格的填充顺序。
为实现上述目的及其他相关目的,本发明提供一种基于布局堆叠的表单布局自适应终端,包括:存储器,用于存储计算机程序;处理器,用于执行所述的基于布局堆叠的表单布局自适应方法。
为实现上述目的及其他相关目的,本发明提供一种计算机存储介质,存储有计算机程序,所述计算机程序运行时实现所述的基于布局堆叠的表单布局自适应方法。
如上所述,本发明的一种基于布局堆叠的表单布局自适应方法、系统、终端及介质,具有以下有益效果:本发明使用了动态布局堆叠的方式,使得可以仅需要设计一个页面,通过布局引擎计算,自适应到不同的设备中。
附图说明
图1显示为本发明一实施例中的基于布局堆叠的表单布局自适应方法的流程示意图。
图2显示为本发明一实施例中的表单的布局行以及布局列的数量信息的设置界面图。
图3显示为本发明一实施例中的PC端表单的表格框架结构图。
图4显示为本发明一实施例中的手机端表单的表格框架结构图。
图5显示为本发明一实施例中的PC端表单的组件填充流程图。
图6显示为本发明一实施例中的手机端表单的组件填充流程图。
图7显示为本发明一实施例中的基于布局堆叠的表单布局自适应系统的结构示意图。
图8显示为本发明一实施例中的基于布局堆叠的表单布局自适应终端的结构示意图。
具体实施方式
以下通过特定的具体实例说明本发明的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本发明的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合。
需要说明的是,在下述描述中,参考附图,附图描述了本发明的若干实施例。应当理解,还可使用其他实施例,并且可以在不背离本发明的精神和范围的情况下进行机械组成、结构、电气以及操作上的改变。下面的详细描述不应该被认为是限制性的,并且本发明的实施例的范围仅由公布的专利的权利要求书所限定。这里使用的术语仅是为了描述特定实施例,而并非旨在限制本发明。空间相关的术语,例如“上”、“下”、“左”、“右”、“下面”、“下方”、““下部”、“上方”、“上部”等,可在文中使用以便于说明图中所示的一个元件或特征与另一元件或特征的关系。
在通篇说明书中,当说某部分与另一部分“连接”时,这不仅包括“直接连接”的情形,也包括在其中间把其它元件置于其间而“间接连接”的情形。另外,当说某种部分“包括”某种构成要素时,只要没有特别相反的记载,则并非将其它构成要素,排除在外,而是意味着可以还包括其它构成要素。
其中提到的第一、第二及第三等术语是为了说明多样的部分、成分、区域、层及/或段而使用的,但并非限定于此。这些术语只用于把某部分、成分、区域、层或段区别于其它部分、成分、区域、层或段。因此,以下叙述的第一部分、成分、区域、层或段在不超出本发明范围的范围内,可以言及到第二部分、成分、区域、层或段。
再者,如同在本文中所使用的,单数形式“一”、“一个”和“该”旨在也包括复数形式,除非上下文中有相反的指示。应当进一步理解,术语“包含”、“包括”表明存在所述的特征、操作、元件、组件、项目、种类、和/或组,但不排除一个或多个其他特征、操作、元件、组件、项目、种类、和/或组的存在、出现或添加。此处使用的术语“或”和“和/或”被解释为包括性的,或意味着任一个或任何组合。因此,“A、B或C”或者“A、B和/或C”意味着“以下任一个:A;B;C;A和B;A和C;B和C;A、B和C”。仅当元件、功能或操作的组合在某些方式下内在地互相排斥时,才会出现该定义的例外。
本发明实施例中提供一种基于布局堆叠的表单布局自适应系统,解决现有技术中针对不同的设备类型进行针对性的开发调整,即针对PC设计一个页面、针对手机设计一个页面,甚至针对平板还需要设计页面,带来了重复开发及维护的工作量的问题。本发明使用了动态布局堆叠的方式,使得可以仅需要设计一个页面,通过布局引擎计算,自适应到不同的设备中。
下面以附图为参考,针对本发明的实施例进行详细说明,以便本发明所述技术领域的技术人员能够容易地实施。本发明可以以多种不同形态体现,并不限于此处说明的实施例。
如图1所示,展示本发明实施例中的基于布局堆叠的表单布局自适应系统的结构示意图。
所述方法包括:
步骤S11:分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息。
可选的,在表单设计器中进行定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息。
可选的,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
可选的,先将表单的边界进行划分,将每个表单布局且分为布局行以及布局列,在表单设计器中进行定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息。
需要注意的是,根据各种终端类型设定不同或相同的布局行以及布局列的数量信息。
举例来说,在表单实际器上定义PC端表单显示区域为4行17列,定义手机端表单显示区域为1列30行,如图2所示。
步骤S12:基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架。
可选的,所述基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架的方式包括:根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;对所述当前终端设备的实际像素进行切分,获得包括与表单的布局行以及布局列的数量信息相关的一定数量的单元格的表单框架。
可选的,根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;对所述当前终端设备的实际像素进行切分为具有所述表单的布局行以及布局列的数量的多个单元格,其中,每个单元格根据终端设备的实际像素自动计算单元格的大小。
举例来说,根据定义PC端表单显示区域为4行17列,定义手机端表单显示区域为1列30行,分别对所述PC端的实际像素进行切割获得具有4行17列的单元格的表格框架,如图3所示,对所述手机表单的实际像素进行切割获得具有1列13行的单元格的表格框架,如图4所示;其中,每个单元格根据终端设备的实际像素自动计算单元格的大小。
步骤S13:分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序。
可选的,所述分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序,包括:分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息;设置各组件在所述表单框架中的单元格的填充顺序。
具体的,对应于表单需要填充的组件,不是通过设置其固定大小及高度,而是通过设置一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息,以及各组件在所述表单框架中的单元格的填充顺序。其中,所述占用所述表单框架的单元格的大小信息包括:布局宽信息以及布局高信息。
举例来说,所需组件头像图片、用户名以及姓名的占用所述表单框架的单元格的大小信息以及填充顺序如下表:
表1:组件填充顺序以及占用单元格大小信息统计表
即为按照头像图片、用户名以及姓名的顺序,分别在表单框架中填充各组件相应占用单元格大小的组件。
步骤S14:基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
可选的,根据由各组件的布局行以及布局列的数量信息设置的各组件占用所述表单框架的单元格的大小信息,并且按照设置的各组件的填充顺序依次在所述表单框架中的单元格进行堆叠填充各组件,待填充完毕后获得适应于所述当前终端设备显示的布局自适应表单。
可选的,所述布局引擎算法包括:寻找所述表单框架中可填充的单元格区域,并按照由左至右以及由上至下的顺序,依次填充所述单元格,直至各组件填充完毕。
具体的,首先基于所述待填充组件的占用所述表单框架的单元格的大小信息,找到所述表单框架中的未填充的单元格区域中符合所述占用所述表单框架的单元格的大小信息的单元格区域作为该组件的可填充的单元格区域;在可填充区域中以由左至右以及由上至下的顺序,优先填充符合条件的单元格,直至所有组件填充完毕。
需要注意的是,若在表单框架中的未填充区域中没有满足组件的所述占用所述表单框架的单元格的大小信息的区域,即在未填充区域的最靠左上的单元格填充满可以填充的单元格;例如,表单的布局行以及布局列的数量信息1列20行;若找到未填充区域的最左上的位置为为1列2行,组件的单元格大小为高度1宽度2,则在1列2行填充满该单元格区域即可。
可选的,当各组件填充完毕,删除多余单元格空间。
实施例1:基于动态布局堆叠的PC端表单布局自适应方法。
在表单定义器中定义适应于PC端显示的表单的布局行以及布局列的数量信息为:4列17行。
基于PC端设备的总布局4列17行,对所述当前设备的实际像素进行切分,获得具有4*17个单元格的表单框架;
设置组件{头像图片}的占用布局9高度单位、1宽度单位,顺序为1;设置组件{用户名}的占用布局1高度单位、3宽度单位,顺序为2;设置组件{姓名}的占用布局1高度单位、3宽度单位,顺序为3;
填充{头像图片}组件:优先占用第一格,占用1列9行空间;填充{用户名}组件:由于一部分单元格已经被{头像图片}组件占用,通过布局引擎计算,填充第一行第二列,占用3格;填充{姓名}组件:由于一部分单元格已经被{头像图片}组件以及{用户名}组件占用,通过布局引擎计算(由左至右由上至下),填充第二行第二列,占用3格;将剩余格删除,以生成适应于PC端设备显示的布局自适应表单。该实施例组件填充过程图如图5展示。
实施例2::基于动态布局堆叠的手机端表单布局自适应方法。
在表单定义器中定义适应于手机端显示的表单的布局行以及布局列的数量信息为:1列30行。
基于手机端的总布局1列30行,对所述当前设备的实际像素进行切分,获得具有1*30个单元格的表单框架;
设置组件{头像图片}的占用布局9高度单位、1宽度单位,顺序为1;设置组件{用户名}的占用布局1高度单位、3宽度单位,顺序为2;设置组件{姓名}的占用布局1高度单位、3宽度单位,顺序为3;
填充{头像图片}组件:优先占用第一格,占用1列9行空间;填充{用户名}组件:由于一部分单元格已经被{头像图片}组件占用,通过布局引擎计算,寻找第1列10行,占用三个单位宽度,由于3个单位宽度大于布局列的数量,故填满所在列;填充{姓名}组件:由于一部分单元格已经被{头像图片}组件以及{用户名}组件占用,通过布局引擎计算(由左至右由上至下),寻找第1列10行,填满所在列;将剩余格删除,以生成适应于手机端显示的布局自适应表单。该实施例组件填充过程图如图6展示。
与上述实施例原理相似的是,本发明提供一种基于布局堆叠的表单布局自适应系统。
以下结合附图提供具体实施例:
如图7展示本发明实施例中的一种基于布局堆叠的表单布局自适应系统的结构示意图。
所述系统包括:
布局行列定义模块71,用于分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息;
单元格切分模块72,连接所述布局行列定义模块71,用于基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架;
组件设置模块73,连接所述组件设置模块72,用于分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序;
布局堆叠模块74,连接所述组件设置模块73,用于基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
可选的,布局行列定义模块71接收定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息。
可选的,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
可选的,先将表单的边界进行划分,将每个表单布局且分为布局行以及布局列,在表单设计器中进行定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息。
需要注意的是,根据各种终端类型设定不同或相同的布局行以及布局列的数量信息。
可选的,所述单元格切分模块72根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;对所述当前终端设备的实际像素进行切分,获得包括与表单的布局行以及布局列的数量信息相关的一定数量的单元格的表单框架。
可选的,所述单元格切分模块72根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;对所述当前终端设备的实际像素进行切分为具有所述表单的布局行以及布局列的数量的多个单元格,其中,每个单元格根据终端设备的实际像素自动计算单元格的大小。
可选的,所述组件设置模块73用于分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息;设置各组件在所述表单框架中的单元格的填充顺序。
具体的,对应于表单需要填充的组件,所述组件设置模块73不是通过设置其固定大小及高度,而是通过设置一或多个组件的布局行以及布局列的数量信息;根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息,以及各组件在所述表单框架中的单元格的填充顺序。其中,所述占用所述表单框架的单元格的大小信息包括:布局宽信息以及布局高信息。
可选的,所述布局堆叠模块74根据由各组件的布局行以及布局列的数量信息设置的各组件占用所述表单框架的单元格的大小信息,并且按照设置的各组件的填充顺序依次在所述表单框架中的单元格进行堆叠填充各组件,待填充完毕后获得适应于所述当前终端设备显示的布局自适应表单。
可选的,所述布局引擎算法包括:寻找所述表单框架中可填充的单元格区域,并按照由左至右以及由上至下的顺序,依次填充所述单元格,直至各组件填充完毕。
具体的,首先基于所述待填充组件的占用所述表单框架的单元格的大小信息,找到所述表单框架中的未填充的单元格区域中符合所述占用所述表单框架的单元格的大小信息的单元格区域作为该组件的可填充的单元格区域;在可填充区域中以由左至右以及由上至下的顺序,优先填充符合条件的单元格,直至所有组件填充完毕。
需要注意的是,若在表单框架中的未填充区域中没有满足组件的所述占用所述表单框架的单元格的大小信息的区域,即在未填充区域的最靠左上的单元格填充满可以填充的单元格;例如,表单的布局行以及布局列的数量信息1列20行;若找到未填充区域的最左上的位置为为1列2行,组件的单元格大小为高度1宽度2,则在1列2行填充满该单元格区域即可。
可选的,当各组件填充完毕,删除多余单元格空间。
如图8展示本发明实施例中的基于布局堆叠的表单布局自适应终端80的结构示意图。
所述基于布局堆叠的表单布局自适应终端80包括:存储器81及处理器82所述存储器81用于存储计算机程序;所述处理器82运行计算机程序实现如图1所述的基于布局堆叠的表单布局自适应系统。
可选的,所述存储器81的数量均可以是一或多个,所述处理器82的数量均可以是一或多个,而图8中均以一个为例。
可选的,所述基于布局堆叠的表单布局自适应终端80中的处理器82会按照如图1所述的步骤,将一个或多个以应用程序的进程对应的指令加载到存储器81中,并由处理器82来运行存储在第一存储器81中的应用程序,从而实现如图1所述基于布局堆叠的表单布局自适应系统中的各种功能。
可选的,所述存储器81,可能包括但不限于高速随机存取存储器、非易失性存储器。例如一个或多个磁盘存储设备、闪存设备或其他非易失性固态存储设备;所述处理器82,可能包括但不限于中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital SignalProcessing,简称DSP)、专用集成电路(Application Specific Integrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
可选的,所述处理器82可以是通用处理器,包括中央处理器(Central ProcessingUnit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
本发明还提供计算机可读存储介质,存储有计算机程序,所述计算机程序运行时实现如图1所示的基于布局堆叠的表单布局自适应系统。所述计算机可读存储介质可包括,但不限于,软盘、光盘、CD-ROM(只读光盘存储器)、磁光盘、ROM(只读存储器)、RAM(随机存取存储器)、EPROM(可擦除可编程只读存储器)、EEPROM(电可擦除可编程只读存储器)、磁卡或光卡、闪存、或适于存储机器可执行指令的其他类型的介质/机器可读介质。所述计算机可读存储介质可以是未接入计算机设备的产品,也可以是已接入计算机设备使用的部件。
综上所述,本发明基于布局堆叠的表单布局自适应方法、系统、终端及介质,用于解决现有技术中针对不同的设备类型进行针对性的开发调整,即针对PC设计一个页面、针对手机设计一个页面,甚至针对平板还需要设计页面,带来了重复开发及维护的工作量的问题。本发明使用了动态布局堆叠的方式,使得可以仅需要设计一个页面,通过布局引擎计算,自适应到不同的设备中。所以,本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。
上述实施例仅示例性说明本发明的原理及其功效,而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下,对上述实施例进行修饰或改变。因此,但凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变,仍应由本发明的权利要求所涵盖。
Claims (10)
1.一种基于布局堆叠的表单布局自适应方法,其特征在于,包括:
分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息;
基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架;
分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序;
基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
2.根据权利要求1中所述的基于布局堆叠的表单布局自适应方法,其特征在于,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
3.根据权利要求1中所述的基于布局堆叠的表单布局自适应方法,其特征在于,所述基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架的方式包括:
根据所述当前终端的类型获得对应类型的表单的布局行以及布局列的数量信息;
对所述当前终端设备的实际像素进行切分,获得包括与表单的布局行以及布局列的数量信息相关的一定数量的单元格的表单框架。
4.根据权利要求1中所述的基于布局堆叠的表单布局自适应方法,其特征在于,所述分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序,包括:
分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;
根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的大小信息;
设置各组件在所述表单框架中的单元格的填充顺序。
5.根据权利要求1中所述的基于布局堆叠的表单布局自适应方法,其特征在于,所述布局引擎算法包括:
寻找所述表单框架中可填充的单元格区域,并按照由左至右以及由上至下的顺序,依次填充所述单元格,直至各组件填充完毕。
6.一种基于布局堆叠的表单布局自适应系统,其特征在于,所述系统包括:
布局行列定义模块,用于分别定义适应于一或多种终端设备显示的表单的布局行以及布局列的数量信息;
单元格切分模块,连接所述布局行列定义模块,用于基于当前终端设备对应的表单布局行以及布局列的数量信息,对所述当前终端设备的实际像素进行切分,获得具有多个单元格的表单框架;
组件设置模块,连接所述单元格切割模块,用于分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序;
布局堆叠模块,连接所述组件设置模块,用于基于布局引擎算法,根据各组件的布局行以及布局列的数量信息,在所述表单框架中按照各组件的填充顺序依次在所述表单框架中的单元格堆叠填充各组件,以生成适应于所述当前终端设备显示的布局自适应表单。
7.根据权利要求6中所述的基于布局堆叠的表单布局自适应系统,其特征在于,所述终端设备的类型包括:PC、手机以及平板电脑中的一种或多种。
8.根据权利要求6中所述的基于布局堆叠的表单布局自适应系统,其特征在于,所述分别设置需要填充的一或多个组件的布局行以及布局列的数量信息,并设置各组件的填充顺序,包括:
分别设置需要填充的一或多个组件的布局行以及布局列的数量信息;
根据所述布局行以及布局列的数量信息设置占用所述表单框架的单元格的数量信息;
设置各组件在所述表单框架中的单元格的填充顺序。
9.一种基于布局堆叠的表单布局自适应终端,其特征在于,包括:
存储器,用于存储计算机程序;
处理器,用于执行如权利要求1至5任一项所述的基于布局堆叠的表单布局自适应方法。
10.一种计算机存储介质,其特征在于,存储有计算机程序,所述计算机程序运行时实现如权利要求1至5中任一项所述的基于布局堆叠的表单布局自适应方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011125105.1A CN113076100A (zh) | 2020-10-20 | 2020-10-20 | 基于布局堆叠的表单布局自适应方法、系统、终端及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011125105.1A CN113076100A (zh) | 2020-10-20 | 2020-10-20 | 基于布局堆叠的表单布局自适应方法、系统、终端及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113076100A true CN113076100A (zh) | 2021-07-06 |
Family
ID=76609111
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011125105.1A Pending CN113076100A (zh) | 2020-10-20 | 2020-10-20 | 基于布局堆叠的表单布局自适应方法、系统、终端及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113076100A (zh) |
-
2020
- 2020-10-20 CN CN202011125105.1A patent/CN113076100A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110990516A (zh) | 地图数据的处理方法、装置和服务器 | |
CN105046640A (zh) | 图片内存管理方法及装置 | |
WO2022206556A1 (zh) | 图像数据的矩阵运算方法、装置、设备及存储介质 | |
KR20140067252A (ko) | 복수의 아이템들을 공간 내에 자동으로 배치하는 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 | |
CN111681165A (zh) | 图像处理方法、装置、计算机设备和计算机可读存储介质 | |
CN110704087A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN108537729A (zh) | 图像无级缩放方法、计算机装置及计算机可读存储介质 | |
CN111476718B (zh) | 一种图像放大方法、装置、存储介质及终端设备 | |
CN110377342B (zh) | 基于卷积神经网络的显存处理方法、装置及存储介质 | |
EP1779321A2 (en) | Stripe-based image data storage | |
CN113076100A (zh) | 基于布局堆叠的表单布局自适应方法、系统、终端及介质 | |
JP2020191057A (ja) | レイアウト解析方法、読書補助装置、回路及び媒体 | |
CN114492292A (zh) | 配置芯片的方法及装置、设备、存储介质 | |
CN113867862B (zh) | 列表页面布局方法及计算设备 | |
CN108510441B (zh) | 一种基于交错网格的影像多分辨率显示方法 | |
US20140181775A1 (en) | Unit capacitor module, automatic capacitor layout method thereof and automatic capacitor layout device thereof | |
CN108564637A (zh) | 几何模型排布方法及装置 | |
CN115686706B (zh) | 终端视图配置方法、装置、计算机设备和存储介质 | |
WO2020192212A1 (zh) | 图片处理方法、图集处理方法、计算机设备和存储介质 | |
CN112800357A (zh) | Web页面呈现方法、装置、设备及存储介质 | |
CN112508187A (zh) | 一种机器学习模型压缩方法、装置及设备 | |
CN111767246A (zh) | 数据处理方法、相关设备及计算机可读介质 | |
CN117785759B (zh) | 数据存储方法、数据读取方法、电子设备和存储介质 | |
CN116861638A (zh) | 光伏支架的排布方法、装置、设备及存储介质 | |
CN116594581B (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 |