[发明专利]页面动态参照布局及展现方法

权利要求书

1.一种页面元素智能的布局方法，其特征是：在一个页面内，为某个元素A指定一个纵向（或横向）参照元素B, 通过智能的判断元素A、纵向（或横向）参照元素B的高度（或宽度）与其窗口框架的高度（或宽度）的关系，执行相应的布局方法，通过元素适时的移动、锁定、解锁，使两元素的纵向（或横向）有效区域在其窗口框架中存在与消失时保持同步。

2.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的页面，包括任何网页、软件、操作系统以及实物等涉及到的页面、界面、版面等等，以下统称为“页面”。

3.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的元素小到一个页面的标点符号，大到一个段落、一个节点，一个区块，甚至整个页面等，以下统称为“元素”。

4.根据权利要求1所述的页面元素智能的布局方法，其特征是：元素A、B可以在不同的窗口框架中，也可以在同一级同一个窗口框架中，当元素的窗口框架的高度（或宽度）大于当前页面窗口框架的高度（或宽度）时将会重新定义该窗口框架的高度（或宽度）为当前页面窗口框架的高度（或宽度），窗口框架滚动条可以根据需要隐藏或显示。

5.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的纵向（或横向）参照元素B，其在所属的窗口框架中纵向（或横向）移动时，有二个状态：纵向（或横向）“提供参照”和纵向（或横向）“待提供参照”，参照元素B在纵向（或横向）“提供参照”状态下会提供二个移动参数：移动方向与移动距离，移动方向是指上、下（或左、右），移动距离是指参照元素B与其上个时间快照上形成的纵向（或横向）坐标差距，参照元素只有在“提供参照”状态下才提供移动参数，在“待提供参照”下不提供移动参数，即使元素B正在其窗口框架中纵向（或横向）移动时，也不会提供移动参数，元素A也就不会响应移动、锁定、解锁等事件，一个纵向（或横向）参照元素可以同时被多个元素指定，一个元素在纵向（或横向）只能拥有一个参照元素。

6.根据权利要求1所述的页面元素智能的布局方法，其特征是：所述的通过智能的判断元素A、纵向（或横向）参照元素B的高度（或宽度）与其窗口框架的高度（或宽度）的关系，执行相应的布局方法，主要包含以下三种情况，第一种情况是元素A、B的高度（或宽度）都大于其窗口框架的高度（或宽度），对此情况，执行的布局方法为——首先比较元素A与参照元素B的高度（或宽度），如果元素A的高度（或宽度）大于元素B的高度（或宽度），需将元素A与元素B所代表的元素对调，在参照元素B进入纵向（或横向）“提供参照”状态后，随着窗口框架的滚动，元素A会参照元素B在其所属的窗口框架中以特定的方式进行纵向（或横向）移动，如果元素A纵向（或横向）的有效区域在其窗口框架中的部分将要减少时，将元素A纵向（或横向）锁定，直到符合条件时解锁；第二种情况是元素A、B有一方的高度（或宽度）大于其窗口框架的高度（或宽度），另一方的高度（或宽度）小于等于其窗口框架的高度（或宽度），对此情况，如果参照元素B的高度（或宽度）小于等于其窗口框架的高度（或宽度），那么首先要将元素A、B所代表的元素对调，然后执行的布局方法为——在参照元素B进入纵向（或横向）“提供参照”状态后，将元素A纵向（或横向）锁定，直到符合条件时解锁；第三种情况是元素A、B的高度（或宽度）都小于其窗口框架的高度（或宽度），对此情况，不触发智能布局方法。

7.根据权利要求6所述的参照元素B进入纵向（或横向）“提供参照”状态，其特征是：所述的第一种情况，纵向（或横向）“提供参照”区域即为参照元素B的高度（或宽度）所在区域；所述的第二种情况，纵向（或横向）“提供参照”区域为参照元素B的高度（或宽度）所在区域下边（或右边）再追加一个特定的高度（或宽度）区域，特定的高度（或宽度）的计算方法是——当窗口框架顶边（或左边）与参照元素B的顶边（或左边）重叠时，窗口框架的底边（或右边）的纵向（或横向）坐标减去元素A的底边（或右边）的纵向坐标的值，此值可以为负数；当窗口框架纵向（或横向）显示区域在纵向（或横向）“提供参照”区域之内时，参照元素B为纵向（或横向）“提供参照”状态，否则为纵向（或横向）“待提供参照”状态，但有时元素B有特殊的布局或样式，比如元素B的边缘存在留白或缩进等属性，这样在视觉上会存在过早或过晚的进入“提供参照”状态的情况。