[发明专利]页面组件拖拽显示方法、计算机可读存储介质及电子装置

说明书

本发明提供一种页面组件拖拽显示方法、计算机可读存储介质及电子装置，所述页面中具有至少两个组件，所有组件在被拖拽前均为静态组件，拖拽任一组件时，所述被拖拽组件为动态组件，判断所述动态组件的边和/或中轴是否有与其他静态组件的边和/或中轴相靠近，如果有靠近，则将所述动态组件的与其他静态组件相靠近的边和/或中轴与所述其他静态组件相靠近的边和/或中轴对齐。本发明大大方便了操作者的拖拽操作，提高了效率。

技术领域

本发明涉及计算机技术领域，具体涉及一种页面组件拖拽显示方法。

背景技术

随着浏览器功能愈发强大，诞生了许多通过拖拽排列组件的方式完成特定内容布局的网页应用。但是在拖拽排列对齐组件的过程中，组件之间的相对位置、组件的大小难以精确控制。

发明内容

本发明的目的在于提供一种能够精确控制的页面组件拖拽显示方法。

为实现上述目的，本发明提供一种页面组件拖拽显示方法，所述页面中具有至少两个组件，所有组件在被拖拽前均为静态组件，拖拽任一组件时，所述被拖拽组件为动态组件，判断所述动态组件的边和/或中轴是否有与其他静态组件的边和/或中轴相靠近，如果有靠近，则将所述动态组件的与其他静态组件相靠近的边和/或中轴与所述其他静态组件相靠近的边和/或中轴对齐。

进一步，所有组件的所有边和中轴均具有辅助线，当组件为静态组件时，其所有的辅助线均隐藏，拖拽任一组件时，判断所述动态组件的边和/或中轴是否有与其他静态组件的边和/或中轴相靠近，如果有靠近，则将所述动态组件的与其他静态组件相靠近的边和/或中轴的辅助线与所述其他静态组件相靠近的边和/或中轴的辅助线显示。

进一步，所述边包括上边、下边、左边、右边，所述中轴包括横中轴、竖中轴。

进一步，拖拽任一组件时，先判断是拖拽任一组件整体移动还是拖拽任一组件的任一边移动；

当拖拽任一组件整体移动，判断所述动态组件的任一边和/或中轴是否有与其他静态组件的任一边和/或中轴相靠近，如果有靠近，则将所述动态组件的与其他静态组件相靠近的边和/或中轴与所述其他静态组件相靠近的边和/或中轴对齐；

当拖拽任一组件的任一边移动，判断所述动态组件的移动的边是否有与其他静态组件的任一边和/或中轴相靠近，如果有靠近，则将所述动态组件的移动的边与所述其他静态组件相靠近的边和/或中轴对齐。

进一步，所述判断所述动态组件的边和/或中轴是否有与其他静态组件的边和/或中轴相靠近，是判断所述动态组件的各边和/或中轴的坐标与其他静态组件的各边和/或中轴的坐标的差值是否小于设定阀值，如果小于则判定相靠近。

进一步，所述方法还包括：

加载页面，加载用于组件布局的容器页以及容器页内部已存在的所有组件；

缓存组件数据，所述组件数据包括当前页面所有组件的所有边的位置和/或中轴的位置。

进一步，所述缓存组件数据之前，先剔除重复数据。

进一步，所述方法还包括：在缓存组件数据之后，初始化辅助线并隐藏，所述辅助线为所有组件的各边的辅助线和/或中轴的辅助线。

一种计算机可读存储介质，存储有至少一程序，所述至少一程序在被调用时执行并实现如前所述的页面组件拖拽显示方法。

一种电子装置，所述电子装置包含有如前所述的计算机可读存储介质。