[發(fā)明專利]網(wǎng)頁元素定位方法

有效

• 申請?zhí)枺?/td>: 201911137951.2
• 申請日: 2019-11-20
• 公開（公告）號: CN110990005B
• 公開（公告）日: 2023-05-30
• 發(fā)明（設(shè)計）人: 劉林;邵明騰;周建朋;王麗娟;謝玉鑫
• 申請（專利權(quán)）人: 金現(xiàn)代信息產(chǎn)業(yè)股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 山東眾成清泰律師事務(wù)所 37257
• 代理人: 丁修亭

本發(fā)明公開了一種網(wǎng)頁元素定位方法，在本發(fā)明的實施例中，基于吸附距離的設(shè)定，在拖拽元素被拖拽到距離網(wǎng)頁元素一定距離范圍內(nèi)時釋放，拖拽元素被自動吸附到設(shè)定的親密性間隔處，不僅大大提高了網(wǎng)頁編輯的效率，而且所生成的網(wǎng)頁元素間的距離直接由設(shè)定值確定，定位的一致性好，且精度已經(jīng)不是問題，換言之，設(shè)定值為多少，就可以達(dá)到多少。尤其是，拖拽的靈活性并沒有因吸附距離和親密性間隔的設(shè)定而有所影響。

技術(shù)領(lǐng)域

本發(fā)明涉及一種網(wǎng)頁元素定位方法。

背景技術(shù)

可視化網(wǎng)頁設(shè)計/編輯器（也稱軟件、工具）已經(jīng)成為當(dāng)前網(wǎng)頁編輯的主流軟件，其中，基于拖拽的網(wǎng)頁編輯器插件也越來越多的被配置在各類網(wǎng)頁編輯器中。拖拽的對象往往是網(wǎng)頁編輯器所提供的各類控件，將選定的控件，通過鼠標(biāo)點擊并拖拽至指定的區(qū)域釋放的方式形成網(wǎng)頁元素，操作便捷性比較好。

網(wǎng)頁元素在編輯窗口內(nèi)的定位主要靠鼠標(biāo)的拖拽定位，網(wǎng)頁編輯器通常在編輯窗口側(cè)邊處提供標(biāo)尺或者直接在編輯窗口內(nèi)創(chuàng)建背景標(biāo)尺，編輯人員通過經(jīng)驗和輔助標(biāo)尺對網(wǎng)頁元素在編輯窗口內(nèi)進(jìn)行定位。該種網(wǎng)頁元素的定位方式存在其固有的缺陷：首先網(wǎng)頁元素在拖拽過程中網(wǎng)頁元素之間的距離無法細(xì)化，容易出現(xiàn)定位偏差；此外，拖拽過程中網(wǎng)頁元素之間的距離不能在拖拽過程中實時獲知。

中國專利文獻(xiàn)CN103164191A公開了一種網(wǎng)頁元素拖拽方法和裝置，該專利文獻(xiàn)在其背景技術(shù)部分對網(wǎng)頁的基本構(gòu)成和拖拽定位網(wǎng)頁元素的原理進(jìn)行了較為充分的說明，并進(jìn)一步提出了通過在網(wǎng)頁元素拖拽過程中根據(jù)網(wǎng)頁元素拖拽的目標(biāo)位置的坐標(biāo)信息，確定當(dāng)前網(wǎng)頁元素所拖拽到的最上層元素，進(jìn)而在該最上層元素或該最上層元素的上級節(jié)點為容器（用于存放其他網(wǎng)頁元素的網(wǎng)頁元素）時，將該網(wǎng)頁元素移動到相應(yīng)的容器中。該專利文獻(xiàn)借此減少網(wǎng)頁元素拖拽過程中的計算量，然而該拖拽過程適于相對粗略的拖拽操作。同時需要說明的是，發(fā)明人認(rèn)為，拖拽過程中的網(wǎng)頁元素的與編輯窗口已存的網(wǎng)頁元素間的位置關(guān)系實質(zhì)并不需要實時計算，在宏觀的層面上需進(jìn)行位置計算時往往在很小的范圍內(nèi)適用，編輯人員拖拽網(wǎng)頁元素的精度不會大于毫米級。尤其是，拖拽網(wǎng)頁元素所需要的計算量非常小，對當(dāng)前計算機(jī)的資源占用量非常小，小到可以忽略或者說小到操作人員人眼無法識別的程度，沒有必要過分強(qiáng)調(diào)單個網(wǎng)頁元素拖拽時對資源占用的問題。

中國專利文獻(xiàn)CN109213409A公開了一種網(wǎng)頁中拖拽組件定位方法，其定位首先確定鼠標(biāo)拖拽組件的釋放時側(cè)層級以及在同級組件中與其它組件的位置關(guān)系，然后用以自動調(diào)整組別歸屬和同級別中的位置，該中調(diào)整方式相對粗略，適于網(wǎng)頁操作，而不適于網(wǎng)頁編輯。

中國專利文獻(xiàn)CN106445486A公開了一種構(gòu)造和生成網(wǎng)頁的方法及系統(tǒng)，其網(wǎng)頁元素的生成也主要通過鼠標(biāo)拖拽相關(guān)控件的方式生成，其對網(wǎng)頁元素的定位主要靠鼠標(biāo)拖拽，在一些實現(xiàn)中采用預(yù)先設(shè)定位置的方式進(jìn)行定位。如前所述，簡單的依靠鼠標(biāo)拖拽，其定位精度比較差，而對于預(yù)先設(shè)定位置，其位置精度比較高，但操作靈活性比較差，尤其是控件圖元大小相同，但網(wǎng)頁元素大小并不相同，在預(yù)先設(shè)定位置的條件下，難以對網(wǎng)頁元素的屬性進(jìn)行調(diào)整。

在一些實現(xiàn)中，編輯界面提供當(dāng)前網(wǎng)頁元素的實時位置信息，以輔助編輯人員進(jìn)行編輯，這種方式并不能改善手動拖動控件的位置精度控制問題。即便是是鼠標(biāo)拖拽的位置精度足夠高，但在鼠標(biāo)釋放時，總是伴隨著可察覺或者不可察覺的手勢，而導(dǎo)致釋放位置與釋放前所確定的位置并不一致。

發(fā)明內(nèi)容

本發(fā)明的目的在于提供一種在不影響操作靈活性的條件下具備良好定位精度的網(wǎng)頁元素定位方法。

在本發(fā)明的實施例中，提供一種網(wǎng)頁元素定位方法，應(yīng)用于網(wǎng)頁編輯，對當(dāng)前的拖拽控件進(jìn)行賦值，所賦值包括親密性間隔和吸附距離；

拖拽控件進(jìn)入編輯頁面形成拖拽元素；

拖拽元素被拖拽至編輯頁面內(nèi)已存的網(wǎng)頁元素給定距離范圍內(nèi)釋放，拖拽元素被定位至距離所述網(wǎng)頁元素親密性間隔處而形成新的網(wǎng)頁元素；