CN104346172B - 一种不规则div动态布局方法 - Google Patents

一种不规则div动态布局方法 Download PDF

Info

Publication number
CN104346172B
CN104346172B CN201410607041.7A CN201410607041A CN104346172B CN 104346172 B CN104346172 B CN 104346172B CN 201410607041 A CN201410607041 A CN 201410607041A CN 104346172 B CN104346172 B CN 104346172B
Authority
CN
China
Prior art keywords
div
units
newly
width
mouse
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.)
Active
Application number
CN201410607041.7A
Other languages
English (en)
Other versions
CN104346172A (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.)
Hunan Yaxin Software Co. Ltd.
Original Assignee
Hunan Yaxin Software 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 Hunan Yaxin Software Co Ltd filed Critical Hunan Yaxin Software Co Ltd
Priority to CN201410607041.7A priority Critical patent/CN104346172B/zh
Publication of CN104346172A publication Critical patent/CN104346172A/zh
Application granted granted Critical
Publication of CN104346172B publication Critical patent/CN104346172B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Digital Computer Display Output (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种不规则DIV动态布局方法,在一个空白的页面上面,通过新增DIV单元的算法实现初步页面布局,DIV单元用于设置微件,在所述初步页面布局上拖拽DIV单元,同时保证页面布局的有序性。本发明在报表这样的元素布局比较任意,定制化层度高,非常多样化的页面上,实现页面元素的模块化改造,成为可替换、可拖动、可复用的组件,也就是页面元素的动态布局,使其可初始化,可动态布局,可拖动。

Description

一种不规则DIV动态布局方法
技术领域
本发明属于计算机技术领域,为一种不规则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),如果否则进行216);
215)待移动DIV单元移动到目标位置,完成移动操作,进行216);
216)隐藏之前创建的模拟框;
217)修改DIV单元数组,保存最新的布局数据,完成动态布局。
2.根据权利要求1所述的一种不规则DIV动态布局方法,其特征是页面布局展示异常时,进行容错修复:如果某一行布局的微件宽度大于权重总和,则将这一行的微件拆分在新增行中显示。
CN201410607041.7A 2014-10-31 2014-10-31 一种不规则div动态布局方法 Active CN104346172B (zh)

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 CN104346172A (zh) 2015-02-11
CN104346172B true 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)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106681972A (zh) * 2015-11-11 2017-05-17 北京国双科技有限公司 表格显示方法及装置
CN106020794A (zh) * 2016-05-10 2016-10-12 浪潮软件股份有限公司 一种复杂页面门户页面布局方法
CN107368276B (zh) * 2017-08-28 2020-09-08 苏州浪潮智能科技有限公司 一种显示控制方法及装置
CN109271075B (zh) * 2018-09-06 2020-12-29 天津字节跳动科技有限公司 页面元素自动布局方法和装置
CN109710865B (zh) * 2018-12-06 2021-05-07 天津字节跳动科技有限公司 开放式自动布局方法、装置、电子设备和存储介质
CN111221458B (zh) * 2020-01-08 2024-04-09 中联财联网科技有限公司 大数据复制粘贴及拖拽克隆全局滑动表格的快速显示方法
CN111783010B (zh) * 2020-01-19 2023-09-19 北京有竹居网络技术有限公司 网页空白页面监测方法、装置、终端及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
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 百度在线网络技术(北京)有限公司 网页重新布局的方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
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 百度在线网络技术(北京)有限公司 网页重新布局的方法和装置

Also Published As

Publication number Publication date
CN104346172A (zh) 2015-02-11

Similar Documents

Publication Publication Date Title
CN104346172B (zh) 一种不规则div动态布局方法
US6774899B1 (en) Drawing graphs using user selectable visual oragnization features and/or other user controlled constraints
US9141746B1 (en) System and method to drag instance master physical shell
US20140095972A1 (en) Compressing tree diagrams
CN108255489A (zh) 前端界面代码生成方法、装置、电子设备及存储介质
CN103870558B (zh) 页面渲染方法和遮罩层创建方法
CN104156155B (zh) 一种桌面小部件的放置方法与装置
CN102193782B (zh) 一种表格模型操作的方法
CN108205744A (zh) 工作流流程表单的实现方法及装置
CN105069228B (zh) 一种在spare cell上加入spare via的方法
US11625163B2 (en) Methods and user interfaces for generating level of detail calculations for data visualizations
CN102043586A (zh) 电子表格中的背景色显示方法和装置
CN106776508A (zh) 一种电子表单生成方法及装置
CN102521427B (zh) 一种基于ProE的简单孔表阵列自动建模方法
CN106055535A (zh) 一种图表生成方法及装置
CN110515690A (zh) 节点布局方法及装置、存储介质、电子装置
CN101727675B (zh) 动态预览图形元素插入位置的系统及方法
CN114117661A (zh) 一种铁塔精细化模型数字化建模方法
JP2008299641A (ja) 連立一次方程式の並列求解方法およびノード順序付け方法
CN112085856A (zh) 固态地形编辑方法、装置、电子设备及计算机存储介质
Six et al. Techniques for the refinement of orthogonal graph drawings
CN108921950A (zh) 三维裂缝模拟的方法以及相关装置
CN110222324B (zh) 一种基于文字段落结构和字号变化率的自动布局装置
CN113268189B (zh) 图集管理方法、装置、存储介质以及计算机设备
CN105204723B (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
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