[發明專利]用分層標識符來表示圖形用戶界面元素的位置

在審

• 申請號: 201880013633.2
• 申請日: 2018-02-19
• 公開（公告）號: CN110366723A
• 公開（公告）日: 2019-10-22
• 發明（設計）人: A·雷;J·G·阮;A·Y·拉布奈茨;M·B·莫爾多韋安
• 申請（專利權）人: 微軟技術許可有限責任公司
• 主分類號: G06F17/22
• 分類號: G06F17/22;G06F17/24
• 代理公司: 永新專利商標代理有限公司 72002
• 代理人: 張立達

描述了與通過對分層位置標識符的使用來表示與圖形元素在頁面中的位置相關的技術。設計畫布使用區域、分區、和子分區來表示頁面，其中，一個區域包括1?m個分區，一個分區包括1?p個子分區。圖形元素在子分區中的位置以元組的形式被表示為分層位置標識符。分層位置標識符包括區域的索引值、分區的索引值、和子分區的索引值。當渲染頁面時，圖形元素基于其分層位置標識符而在頁面中被定位。

背景技術

當前存在被配置為允許組織中的用戶創建頁面的基于web(網絡)的應用，其中，基于web的應用允許組織中的用戶設計被配置為向其他用戶呈現與組織密切相關的內容的頁面。在非限制性示例中，基于web的應用可以向用戶提供設計畫布，其中，設計畫布是被配置為促進對組織的頁面的創建(和設計)的圖形工具。更加具體地，設計畫布是用戶可以采用以將一個或多個圖形元素在頁面上定位的圖形工具，其中，圖形元素可以是文本、圖像、視頻、微件(widget)等。例如，圖形元素可以是微件，當渲染頁面時，該微件被配置為獲取組織的雇員目錄并使得雇員目錄被呈現在頁面中。

被配置為促進頁面的創建的傳統設計畫布限制了圖形元素可以位于頁面上的位置。例如，使用傳統設計畫布，用戶無法并排放置兩個微件。該限制可能產生美學上令人不悅的頁面以及對顯示不動產的次優使用。

另外，一旦采用傳統的設計畫布來發布包括若干圖形元素的頁面，則對用戶而言，修改頁面的設計就很麻煩。例如，如果用戶希望在頁面中的兩個現有圖形元素之間包括新的圖形元素，則設計畫布需要用戶從頁面中刪除將出現在期望插入的圖形元素下方的所有圖形元素，并且接著以用戶所期望的順序重新插入圖形元素。如果用戶希望將圖形元素在頁面中重新排序，則存在相同的問題。

更進一步地，傳統設計畫布使用定義的(X，Y)坐標來表示圖形元素的位置，這是由于設計畫布直接將圖形元素嵌入頁面中。由此，無論用于顯示頁面的顯示窗口的大小如何，該頁面都以相同的方式被顯示(這可能使得某些頁面在某些顯示窗口中被次優地呈現)。因此，如果用戶期望頁面在相對小的顯示器(例如，移動計算設備的顯示器)上在美學上令人愉悅，則用戶必須設計完全獨立的頁面。

發明內容

以下是在本文中更加詳細地描述的主題的簡要概述。該概要不旨在關于權利要求的范圍進行限制。

在本文中所描述的是與基于web的設計畫布有關的各種技術，所述基于web的設計畫布是被配置為促進頁面(例如，網頁)的創建的圖形工具。在示例中，設計畫布可以特別適合于創建企業內部的頁面。相比于不靈活地(例如，使用靜態(X，Y)坐標)表示頁面中的圖形元素的位置信息的傳統設計畫布，在本文中所描述的設計畫布分層地表示圖形元素的位置信息。更加特別地，設計畫布使用區域、分區、和子分區來對頁面進行建模。例如，設計畫布將頁面建模為包括1到n個區域，其中，每個區域包括1到m個分區，并且每個分區包括1到p個子分區。應當理解的是，頁面中的兩個區域可以包括不同數量的分區；因此，第一區域可以包括一個分區，而第二區域可以包括四個分區。同樣地，不同的分區可以包括不同數量的子分區(例如，第一分區可以包括兩個子分區，而第二分區可以包括五個子分區)。設計畫布還允許用戶定制分區、和/或子分區的大小。例如，可以將權重分配給分區，其中，該分區的大小(例如，水平地)是基于該權重的。例如，當每個區域可以包括多達m個分區時，能夠給予分區的最大權重可以是m(指示該分區最多占據整個區域)，而最小權重可以是由此，分配給區域中的分區的權重指示該分區的絕對(水平)大小，以及該分區相對于該區域中的另一分區的(水平)大小。