CN104346172A - 一种不规则div动态布局方法 - Google Patents
一种不规则div动态布局方法 Download PDFInfo
- Publication number
- CN104346172A CN104346172A CN201410607041.7A CN201410607041A CN104346172A CN 104346172 A CN104346172 A CN 104346172A CN 201410607041 A CN201410607041 A CN 201410607041A CN 104346172 A CN104346172 A CN 104346172A
- Authority
- CN
- China
- Prior art keywords
- div
- unit
- div unit
- newly
- width
- 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
Abstract
一种不规则DIV动态布局方法，在一个空白的页面上面，通过新增DIV单元的算法实现初步页面布局，DIV单元用于设置微件，在所述初步页面布局上拖拽DIV单元，同时保证页面布局的有序性。本发明在报表这样的元素布局比较任意，定制化层度高，非常多样化的页面上，实现页面元素的模块化改造，成为可替换、可拖动、可复用的组件，也就是页面元素的动态布局，使其可初始化，可动态布局，可拖动。
Description
技术领域
本发明属于计算机技术领域，为一种不规则DIV动态布局方法。
背景技术
一个页面的区域布局，一般情况下使用DIV层实现。
如果要做一个报表页面，报表页面一般由查询条件区域，表格区域，图表区域，这些区域都是不规则的。可能顶部的查询区域最宽，底下的表格和图表是2：1的关系，表格较宽，图表较窄。使用DIV层技术实现的时候一般就是固定位置的做法。通过DIV层的POSITION:ABSOLUTE属性定位到具体的<X,Y>坐标后，再在DIV层里面绘制表格或者图表。
如果要将报表中的这些区域独立出来，实现动态布局，现有技术的实现方案例如《谷歌个人资讯中心》的方式：
1)个人资讯中心以DIV块方式展示新闻，个人配置等信息模块，但将这些DIV放在<UL>的<LI>元素中，造成页面结构嵌套复杂，降低了页面加载效率，且不能自定义页面布局；
2)页面总体固定为三列，每个DIV模块大小均为同等宽度，这样的宽度限制不符合报表页面的布局特点。
根据现有的方式，要实现可动态布局，可拖动的页面区域布局方式，一般都是将页面分为宽度相等的几列，比如3列列，由于宽度相同，每一列的内容都可自由在3列间拖动。但是这样的实现方案不能满足报表页面布局多样化的需求。个性化定制的能力非常差，动则就要重新开发报表页面。
发明内容
本发明要解决的问题是：把报表页面中各个区域独立出来，使用布局算法动态计算这些不规则宽度的区域的定位，使这些页面区域能动态展现在正确的位置上，并且在用户拖动之后能重新自动布局定位。
本发明的技术方案为：一种不规则DIV动态布局方法，在一个空白的报表页面上面，通过新增DIV单元的算法实现初步页面布局，DIV单元用于设置微件，在所述初步页面布局上拖拽DIV单元，同时保证页面布局的有序性，完成DIV动态布局，包括以下步骤：
1)新增DIV单元算法：设置页面布局的结构等分为N列，每列宽度自定义，每列的宽度权重为1，一行权重总和为N，新增DIV单元时，对DIV单元设定宽度权重以及所在列的位置，DIV单元的宽度权重不超过N，每新增一个DIV单元的步骤如下：
101)计算页面布局结构中每一列的高度，根据新增DIV单元的宽度权重判断插入列的位置，宽度权重为n的DIV单元，n＝1,2,…,N-1，计算第1～n列的高度，选择最小值作为插入列，当新增DIV单元的宽度权重为N，默认选择第一列作为插入列；
102)计算当前页面布局总行数；
103)将当前页面布局总行数加+1作为插入行，即每增加一个DIV单元，原总行数就+1；104)在页面布局的数据结构中增加新增DIV单元的数据结构，设每一行数据结构为DIV[D1,D2,…DN]，Di表示要设置的微件，i＝1，2…N，一行的某一列没有微件，则Di＝NULL，Di＝-1表示前一列DIV单元的宽度权重延伸到当前列；
105)在页面布局的数据结构中更新当前DIV单元的详细信息，包括宽度、高度、上边距、左边距、以及新增DIV单元所在行的行信息和列信息；
106)计算新增DIV单元的WIDTH，TOP和LEFT；
107)创建新增DIV单元主体框架，包括上下左右边框，以及框架的样式，用以呈现具体化的界面展示设计；
108)给新增DIV单元添加拖拽事件，用于实现通过鼠标拖拽此DIV单元；
109)异步加载新增DIV单元内容，即设置的微件；
110)重新绘制全局DIV展现，得到初步页面布局；
2)动态拖拽DIV单元：
201)鼠标点击待移动DIV单元；
202)计算鼠标的TOP，LEFT；
203)计算待移动DIV单元的WIDTH，HEIGHT，TOP和LEFT；
204)判定模拟框是否存在，如果没有则创建，有就显示，所述模拟框为模拟结果响应区，模拟框对应于待移动DIV单元，用于拖拽过程中对拖拽目标位置的准确定位；
205)鼠标移动，此时待移动DIV单元也跟着鼠标移动；
206)实时计算鼠标的TOP，LEFT；
207)循环遍历DIV单元的数据结构数组；
208)根据步骤206)和207)的数据比对，判定鼠标当前在哪个目标DIV单元上，目标DIV单元的位置即为待移动DIV单元要拖拽到的位置；
209)判定鼠标是否到达页面布局的展示边际，如果是，将页面布局展示最顶部或最底部的DIV单元上部分作为热区，热区部分用于与模拟框对应插入，如果否，则进行步骤210)；
210)判定在鼠标在目标DIV单元的上下左右哪个地方；
211)判断待移动DIV单元的宽度权重与目标DIV单元的宽度权重是否匹配，在目标DIV单元周围显示热区；
212)根据模拟框与热区的对应，模拟显示待移动DIV单元的移动效果，确定待移动DIV单元到达预定位置后，鼠标松开；
213)计算此时鼠标的TOP和LEFT；
214)判定鼠标是否在待移动DIV单元自身范围内；
215)待移动DIV单元移动到目标位置完成；
216)隐藏之前创建的模拟框；
217)修改DIV单元数组，保存最新的布局数据，完成动态布局。
进一步的，页面布局展示异常时，进行容错修复：如果某一行布局的微件宽度大于权重总和，则将这一行的微件拆分在新增行中显示。
本发明所述不规则DIV单元指宽和高为用户自定义的DIV单元，具有以下特点：
1、动态拖拽响应计算：使用者手动拖拽移动不规则DIV单元时，不确定最终落下的位置，在整个拖拽过程中根据拖拽算法对当前的操作位置动态出现模拟框，并且实时调整界面展示，虚拟出最终展现效果。
2、容错修复：使用者在操作异常或有意操作致使数据结构异常，导致页面布局展示异常，可以自动通过容错修复机制处理这些异常，并且修复数据结构至使用者当时操作的状态。
现有的新增DIV单元方法只能固定列宽实现，也就是在新增一个DIV单元时必须设置列宽，而页面的每一列也被固定了列宽，这就导致后续移动DIV单元时会由于列宽不匹配而无法移动，即使采用不同列宽来设计页面，在后期移动DIV单元时还是会受到列宽限制，导致没有动态拖拽效果。本发明通过设计的宽度权重的方式，不再局限于DIV单元的实际列宽，而通过宽度权重的方式考虑其所占页面的列，由于权重的设置，实现了不同列宽的DIV单元在页面上的统一宽度度量，实现移动不规则DIV单元时可以克服不同列宽带来的影响，不论是新增DIV单元或移动已有DIV单元，都无需考虑其实际列宽值，而只需计算其宽度权重，在报表这样的元素布局比较任意、定制化层度高、非常多样化的页面上，实现页面元素的模块化改造，成为可替换、可拖动、可复用的组件，也就是页面元素的动态布局，使其可初始化，可动态布局，可拖动。本发明由于页面设置以及新增DIV单元时未限定列宽，因此实际使用时，页面的列宽以及DIV单元的列宽都是可以自由定义的，新增和移动时只考虑宽度权重，方法简便，灵活度高。
附图说明
图1为页面布局展示效果示例。
图2为在页面上新增DIV单元的流程图。
图3为鼠标点击生成模拟框操作的流程图。
图4为鼠标移动手动挪位操作的流程图。
图5为鼠标放开移动实现移动操作的流程图。
图6为容错修复的流程图。
具体实施方式
本发明中，在一个空白的报表页面上面，通过新增DIV算法实现初步的页面布局，这时的页面布局是通过计算机系统计算得出的，可以保证页面的有序性和合理性，但是缺少用户主观意愿的调整实现个性定制。如果用户想要按照自己的意愿调整页面的布局，可以用鼠标拖拽生成的DIV单元进行移动，通过拖拽算法达到用户的调整目的，同时还保证页面布局的有序性。如果用户进行新增、删除、替换等操作后，出现了页面布局异常，本发明通过容错修复算法对页面进行兼容处理，保证页面的有序性。通过以上机制，实现不规则DIV动态布局，达到个性化和有序化的合理兼容。
本发明页面布局结构数据如下，其对应的展示效果如图1：
[
[W1,-1,W4],
[W2,W3,NULL],
[NULL,W5,NULL],
[W6,-1,-1],
[W7,W9,-1],
[W8,W10,W11]
]
设置页面布局的结构等分为N列，每列宽度自定义，每列的宽度权重为1，一行权重总和为N，新增DIV单元时，对DIV单元设定宽度权重以及所在列的位置，DIV单元的宽度权重不超过N，上述页面布局的结构数据表示3列6行的布局，W1～W11表示各个DIV单元，其中加载了对应的微件(WIDGET)，说明如下：
1)三列结构兼容当前主流显示器，宽度自定义。
2)每一列的宽度权重为1，一行的权重总和为3。
3)DIV单元不设定宽度，只设定宽度权重。
4)DIV单元权重可以为1，2或3，不能超过3。
5)NULL代表此列没有微件(WIDGET)。
6)-1代表前一列DIV单元的宽度权重延伸到这一列。
下面通过具体实施例来说明本发明的实施。
1、新增和初始化
页面最初进行布局初始化，根据初始默认的方式或者由用户指定数目以及DIV单元的高度、宽度的方式，计算机程序初步自动生成初始页面布局，每一个DIV单元通过新增算法一个一个添加到页面上，每一个DIV位置均是通过新增算法指定的，这样使加载出来的页面布局整齐有序。同理，用户想要在页面上新增一个DIV单元，也通过新增算法算出DIV位置后在页面添加，保证页面布局的合理性。
新增算法流程如图2所示，在空白页面上通过新增算法加载页面布局，主要完成页面初始化和在页面上新增DIV单元操作，展现预定的页面布局。
对于一个新增DIV单元，其增加步骤如下：
101)计算页面布局结构中每一列的高度，根据新增DIV单元的宽度权重判断插入列的位置，宽度权重为n的DIV单元，n＝1,2,…,N-1，计算第1～n列的高度，选择最小值作为插入列，当新增DIV单元的宽度权重为N，默认选择第一列作为插入列。例如，对于三列的页面布局，根据新增DIV单元宽度权重自动判断，如果新增DIV单元宽度权重宽度权重为1，则计算三列的高度选出最小值作为插入列，如果宽度权重为2则计算第一列第二列的高度选出最小值作为插入列，如果宽度权重为3则默认选择第一列作为插入列；
102)计算当前页面布局总行数；
103)将当前页面布局总行数加+1作为插入行，即每增加一个DIV单元，原总行数就+1；
104)在页面布局的数据结构中增加新增DIV单元的数据结构，设每一行数据结构为DIV[D1,D2,…DN]，Di表示要设置的微件，i＝1，2…N，一行的某一列没有微件，则Di＝NULL，Di＝-1表示前一列DIV单元的宽度权重延伸到当前列；
105)在页面布局的数据结构中更新当前DIV单元的详细信息，包括宽度、高度、上边距、左边距、以及新增DIV单元所在行的行信息和列信息；
106)计算新增DIV单元的WIDTH，TOP和LEFT；
107)创建新增DIV单元主体框架，包括上下左右边框，以及框架的样式，用以呈现具体化的界面展示设计；
108)给新增DIV单元添加拖拽事件，用于实现通过鼠标拖拽此DIV单元；
109)异步加载新增DIV单元内容，即设置的微件；
110)重新绘制全局DIV展现，得到初步页面布局。
2、动态拖拽
动态拖拽的总体过程如下：1)点击鼠标，选中某个DIV单元；2)创建同等大小的模拟框；3)鼠标移动，自动滚动内容展示区域；4)在目标位置展示模拟框；5)判断宽度权重是否适合摆放DIV；6)隐藏热区和模拟框；7)修改保存数据。
动态拖拽由三个操作组合而成，分别是鼠标点击生成模拟框、鼠标移动手动挪位、鼠标放开移动实现移动。具体实现为：
201)鼠标点击待移动DIV单元；
202)计算鼠标的TOP，LEFT；
203)计算待移动DIV单元的WIDTH，HEIGHT，TOP和LEFT；
204)判定模拟框是否存在，如果没有则创建，有就显示，所述模拟框为模拟结果响应区，模拟框对应于待移动DIV单元，用于拖拽过程中对拖拽目标位置的准确定位；
205)鼠标移动，此时待移动DIV单元也跟着鼠标移动；
206)实时计算鼠标的TOP，LEFT；
207)循环遍历DIV单元的数据结构数组；
208)根据步骤206)和207)的数据比对，判定鼠标当前在哪个目标DIV单元上，目标DIV单元的位置即为待移动DIV单元要拖拽到的位置；
209)判定鼠标是否到达页面布局的展示边际，如果是，将页面布局展示最顶部或最底部的DIV单元上部分作为热区，热区部分用于与模拟框对应插入，如果否，则进行步骤210)；
210)判定在鼠标在目标DIV单元的上下左右哪个地方；
211)判断待移动DIV单元的宽度权重与目标DIV单元的宽度权重是否匹配，在目标DIV单元周围显示热区；
212)根据模拟框与热区的对应，模拟显示待移动DIV单元的移动效果，确定待移动DIV单元到达预定位置后，鼠标松开；
213)计算此时鼠标的TOP和LEFT；
214)判定鼠标是否在待移动DIV单元自身范围内；
215)待移动DIV单元移动到目标位置完成；
216)隐藏之前创建的模拟框；
217)修改DIV单元数组，保存最新的布局数据，完成动态布局。
步骤201)-204)为鼠标点击生成模拟框操作，如图3，实现在拖拽过程中生成模拟结果响应区，主要帮助用户实现拖拽过程中结果模拟准确定位，避免出现拖拽结果随意性。模拟框和热区的实现是程序语言的功能，为现有计算机技术，主要是动态布局中拖拽辅助手段，这里不再详述其方法。
步骤205)-211)为鼠标移动手动挪位操作，如图4，用于在用户选中某个DIV进行移动的过程中，通过之前鼠标点击生成模拟框进行移动位置判断，在移动的过程不断生成模拟框和响应热区，实现DIV动态拖拽布局。以页面分为3列为例，步骤211)具体为：判断待移动DIV的宽度权重，如果待移动DIV宽度权重为1，对于目标DIV单元，宽度权重为3的目标DIV只显示上下热区、宽度权重为2的目标DIV在第一列显示上下左右热区，在第二列显示上下左热区、宽度权重为1的目标DIV在第一二列显示上下左右热区，在第三列显示上下左热区；如果待移动DIV权重为2，宽度权重为1的目标DIV显示上下左右热区，在第二列显示上下左热区、宽度权重为2的目标DIV在第一列显示上下左右热区，在第二列显示上下左热区、宽度为3的目标DIV只显示上下热区；如果待移动DIV权重为3，在所有目标DIV显示上下热区。
步骤212-217)为鼠标放开移动实现移动操作，如图5，实现用户确定拖拽位置后，松开鼠标时对整个页面布局进行最终调整，同时修改数据结构，保存最新的布局数据。
3、容错修复
使用者在操作异常或有意操作致使数据结构异常，导致页面布局展示异常，需要容错修复算法对数据结构进行纠错处理，保证页面布局不会出现异常情况。
容错修复场景：原DIV一行布局为[1,1,1],现第三个DIV的宽度被修改为3，导致布局变成[1,1,3]，这样页面上DIV就展示异常。
容错修复处理流程如图6所示，如果某一行布局WIDGET宽度异常(总和>权重总和),则将这一行的WIDGET(不为NULL或-1)在新增一行中展示。同样以页面分为3列为例，实施时，遍历数据结构,判断某一行的权重是否大于3，如果大于3，则将这一行的数据拆为新的3行，确保每一行的权重不大于3。
本发明在报表这样的元素布局比较任意、定制化层度高、非常多样化的页面上，依赖宽度权重，实现移动不规则单元时可以克服不同列宽带来的影响，让使用者进行个性化拖拽页面元素，且页面元素能自动适配调整布局，达到个性化定制和页面元素组件化的双重目的，减少二次开发成本，提升用户体验。
Claims (2)
1.一种不规则DIV动态布局方法，其特征是在一个空白的报表页面上面，通过新增DIV单元的算法实现初步页面布局，DIV单元用于设置微件，在所述初步页面布局上拖拽DIV单元，同时保证页面布局的有序性，完成DIV动态布局，包括以下步骤：
1)新增DIV单元算法：设置页面布局的结构等分为N列，每列宽度自定义，每列的宽度权重为1，一行权重总和为N，新增DIV单元时，对DIV单元设定宽度权重以及所在列的位置，DIV单元的宽度权重不超过N，每新增一个DIV单元的步骤如下：
101)计算页面布局结构中每一列的高度，根据新增DIV单元的宽度权重判断插入列的位置，宽度权重为n的DIV单元，n＝1,2,…,N-1，计算第1～n列的高度，选择最小值作为插入列，当新增DIV单元的宽度权重为N，默认选择第一列作为插入列；
102)计算当前页面布局总行数；
103)将当前页面布局总行数加+1作为插入行，即每增加一个DIV单元，原总行数就+1；
104)在页面布局的数据结构中增加新增DIV单元的数据结构，设每一行数据结构为DIV[D1,D2,…DN]，Di表示要设置的微件，i＝1，2…N，一行的某一列没有微件，则Di＝NULL，Di＝-1表示前一列DIV单元的宽度权重延伸到当前列；
105)在页面布局的数据结构中更新当前DIV单元的详细信息，包括宽度、高度、上边距、左边距、以及新增DIV单元所在行的行信息和列信息；
106)计算新增DIV单元的WIDTH，TOP和LEFT；
107)创建新增DIV单元主体框架，包括上下左右边框，以及框架的样式，用以呈现具体化的界面展示设计；
108)给新增DIV单元添加拖拽事件，用于实现通过鼠标拖拽此DIV单元；
109)异步加载新增DIV单元内容，即设置的微件；
110)重新绘制全局DIV展现，得到初步页面布局；
2)动态拖拽DIV单元：
201)鼠标点击待移动DIV单元；
202)计算鼠标的TOP，LEFT；
203)计算待移动DIV单元的WIDTH，HEIGHT，TOP和LEFT；
204)判定模拟框是否存在，如果没有则创建，有就显示，所述模拟框为模拟结果响应区，模拟框对应于待移动DIV单元，用于拖拽过程中对拖拽目标位置的准确定位；
205)鼠标移动，此时待移动DIV单元也跟着鼠标移动；
206)实时计算鼠标的TOP，LEFT；
207)循环遍历DIV单元的数据结构数组；
208)根据步骤206)和207)的数据比对，判定鼠标当前在哪个目标DIV单元上，目标DIV单元的位置即为待移动DIV单元要拖拽到的位置；
209)判定鼠标是否到达页面布局的展示边际，如果是，将页面布局展示最顶部或最底部的DIV单元上部分作为热区，热区部分用于与模拟框对应插入，如果否，则进行步骤210)；
210)判定在鼠标在目标DIV单元的上下左右哪个地方；
211)判断待移动DIV单元的宽度权重与目标DIV单元的宽度权重是否匹配，在目标DIV单元周围显示热区；
212)根据模拟框与热区的对应，模拟显示待移动DIV单元的移动效果，确定待移动DIV单元到达预定位置后，鼠标松开；
213)计算此时鼠标的TOP和LEFT；
214)判定鼠标是否在待移动DIV单元自身范围内；
215)待移动DIV单元移动到目标位置完成；
216)隐藏之前创建的模拟框；
217)修改DIV单元数组，保存最新的布局数据，完成动态布局。
2.根据权利要求1所述的一种不规则DIV动态布局方法，其特征是页面布局展示异常时，进行容错修复：如果某一行布局的微件宽度大于权重总和，则将这一行的微件拆分在新增行中显示。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410607041.7A CN104346172B (zh) | 2014-10-31 | 2014-10-31 | 一种不规则div动态布局方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410607041.7A CN104346172B (zh) | 2014-10-31 | 2014-10-31 | 一种不规则div动态布局方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104346172A true CN104346172A (zh) | 2015-02-11 |
| CN104346172B CN104346172B (zh) | 2017-08-01 |
Family
ID=52501866
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410607041.7A Active CN104346172B (zh) | 2014-10-31 | 2014-10-31 | 一种不规则div动态布局方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104346172B (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106020794A (zh) * | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | 一种复杂页面门户页面布局方法 |
| CN106681972A (zh) * | 2015-11-11 | 2017-05-17 | 北京国双科技有限公司 | 表格显示方法及装置 |
| CN107368276A (zh) * | 2017-08-28 | 2017-11-21 | 郑州云海信息技术有限公司 | 一种显示控制方法及装置 |
| CN109271075A (zh) * | 2018-09-06 | 2019-01-25 | 天津字节跳动科技有限公司 | 页面元素自动布局方法和装置 |
| CN109710865A (zh) * | 2018-12-06 | 2019-05-03 | 天津字节跳动科技有限公司 | 开放式自动布局方法、装置、电子设备和存储介质 |
| CN111221458A (zh) * | 2020-01-08 | 2020-06-02 | 中联财联网科技有限公司 | 大数据复制粘贴及拖拽克隆全局滑动表格的快速显示方法 |
| CN111783010A (zh) * | 2020-01-19 | 2020-10-16 | 北京无限光场科技有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8407576B1 (en) * | 2008-09-02 | 2013-03-26 | Sitscape, Inc. | Situational web-based dashboard |
| CN103809940A (zh) * | 2012-11-07 | 2014-05-21 | 江苏仕德伟网络科技股份有限公司 | 一种判断div+css结构的方法 |
| CN103914555A (zh) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术（北京）有限公司 | 网页重新布局的方法和装置 |
-
2014
- 2014-10-31 CN CN201410607041.7A patent/CN104346172B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8407576B1 (en) * | 2008-09-02 | 2013-03-26 | Sitscape, Inc. | Situational web-based dashboard |
| CN103809940A (zh) * | 2012-11-07 | 2014-05-21 | 江苏仕德伟网络科技股份有限公司 | 一种判断div+css结构的方法 |
| CN103914555A (zh) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术（北京）有限公司 | 网页重新布局的方法和装置 |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106681972A (zh) * | 2015-11-11 | 2017-05-17 | 北京国双科技有限公司 | 表格显示方法及装置 |
| CN106020794A (zh) * | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | 一种复杂页面门户页面布局方法 |
| CN107368276A (zh) * | 2017-08-28 | 2017-11-21 | 郑州云海信息技术有限公司 | 一种显示控制方法及装置 |
| CN109271075A (zh) * | 2018-09-06 | 2019-01-25 | 天津字节跳动科技有限公司 | 页面元素自动布局方法和装置 |
| CN109271075B (zh) * | 2018-09-06 | 2020-12-29 | 天津字节跳动科技有限公司 | 页面元素自动布局方法和装置 |
| CN109710865A (zh) * | 2018-12-06 | 2019-05-03 | 天津字节跳动科技有限公司 | 开放式自动布局方法、装置、电子设备和存储介质 |
| CN111221458A (zh) * | 2020-01-08 | 2020-06-02 | 中联财联网科技有限公司 | 大数据复制粘贴及拖拽克隆全局滑动表格的快速显示方法 |
| CN111221458B (zh) * | 2020-01-08 | 2024-04-09 | 中联财联网科技有限公司 | 大数据复制粘贴及拖拽克隆全局滑动表格的快速显示方法 |
| CN111783010A (zh) * | 2020-01-19 | 2020-10-16 | 北京无限光场科技有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
| CN111783010B (zh) * | 2020-01-19 | 2023-09-19 | 北京有竹居网络技术有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104346172B (zh) | 2017-08-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104346172A (zh) | 一种不规则div动态布局方法 | |
| EP3158482B1 (en) | Footwear designing tool | |
| EP2994821B1 (en) | Variable dimension version editing for graphical designs | |
| AU2018236878A1 (en) | Systems and methods for providing drag and drop analytics in a dynamic data visualization interface | |
| CN104504214B (zh) | 电气原理图的生成方法 | |
| CN104239044A (zh) | 一种图形用户界面动态生成方法 | |
| CN101819607B (zh) | 桥梁配筋图形调整方法 | |
| US20190042684A1 (en) | Schematic Driven Analog Circuit Layout Automation | |
| CN110958134B (zh) | 一种网络拓扑的实现方法及装置 | |
| EP3465426B1 (en) | User interface with movable mini-tabs | |
| KR101373442B1 (ko) | 시퀀스 프로그램 작성 장치 | |
| CN109753641A (zh) | 一种更改对象位置的方法、装置、电子设备及存储介质 | |
| CN111881662A (zh) | 表单生成方法、装置、处理设备及存储介质 | |
| CN104503769B (zh) | 一种基于xml配置文件的字符点阵液晶界面实现方法 | |
| WO2015005973A1 (en) | Signal distribution interface | |
| CN103473041A (zh) | 一种可视化的数据处理方法及系统 | |
| US20070266307A1 (en) | Auto-layout of shapes | |
| CN108205744A (zh) | 工作流流程表单的实现方法及装置 | |
| CN114564263A (zh) | 页面布局调整方法、装置 | |
| CN103150456A (zh) | 一种matlab环境下gui制作方法及系统 | |
| CN106815020A (zh) | 一种支持用户自定义功能项的软件实现方法 | |
| CN108932126A (zh) | 一种控件生成方法和装置 | |
| CN108108430B (zh) | 一种基于Unity3D知识森林虚拟现实系统实现的方法 | |
| CN105653750A (zh) | 人机界面三维设计系统中组件布局的实现方法 | |
| US6782528B1 (en) | Method and system for visual programming using a relational diagram |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C41 | Transfer of patent application or patent right or utility model | ||
| CB03 | Change of inventor or designer information |
Inventor after: Qiang Jian Inventor after: Wu Chengming Inventor after: Wu Jun Inventor before: Qiang Jian Inventor before: Wu Chengming |
|
| COR | Change of bibliographic data | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20161205 Address after: 410013 Changsha high tech Development Zone, Changsha, No. 29, Hunan Road, No. Software Park Applicant after: Hunan Yaxin Software Co. Ltd. Address before: Gulou District of Nanjing city in Jiangsu province 210013 dinghuai Gate No. 12 Building No. 16 Applicant before: Asialnfo Technology (Nanjing) Co., Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |