[發明專利]一種編輯彈窗圖片的方法及彈窗圖片編輯裝置

有效

• 申請號: 201410490738.0
• 申請日: 2014-09-23
• 公開（公告）號: CN104267947B
• 公開（公告）日: 2018-06-19
• 發明（設計）人: 鐘華健
• 申請（專利權）人: 廣州獵豹網絡科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F17/30
• 代理公司: 北京市廣友專利事務所有限責任公司 11237
• 代理人: 祁獻民

1.一種編輯彈窗圖片的方法，其特征在于，該方法包括：

在計算機設備瀏覽器中加載預先設置的彈窗模板配置文件，生成彈窗模板，所述彈窗模板配置文件為利用XML定義腳本語法規則設置彈窗圖片布局結構信息，并調用腳本解析代碼，對設置的彈窗圖片布局結構信息進行編譯生成的，利用XML定義腳本語法規則，設置以變量表示的所述彈窗模板配置文件中的圖片初始X坐標、圖片初始Y坐標以及圖片尺寸；

在生成的彈窗模板中，導入待編輯圖片；

對導入的待編輯圖片進行編輯，編輯的圖片實時在彈窗中展示，調用腳本解析代碼對編輯好的彈窗模板中的各待編輯圖片進行編譯，得到彈窗資源文件；

在所述導入待編輯圖片之前，所述方法進一步包括：

設置包含多個彈窗圖片子庫的彈窗圖片庫，所述彈窗圖片子庫以彈窗資源標識進行區分，存儲的圖片以圖片計數和圖片資源名為圖片標識，以使計算機設備用戶依據所需編輯的彈窗資源標識，從所需編輯的彈窗資源標識映射的彈窗圖片子庫中，選取彈窗圖片，并執行導入待編輯圖片的流程。

2.根據權利要求1所述的方法，其特征在于，所述彈窗模板配置文件中包括彈窗圖片布局結構信息，其中，所述彈窗圖片布局結構信息包括：背景元素、邊框元素、圖片組元素以及文本段元素。

3.根據權利要求2所述的方法，其特征在于，所述圖片組元素包括：圖片組標識、圖片初始X坐標、圖片初始Y坐標、圖片尺寸、圖片標識、圖片屬性、圖片分塊數、圖片父節點標識、圖片手型操作選項以及圖片初始選中操作選項。

4.根據權利要求1至3任一項所述的方法，其特征在于，所述對導入的待編輯圖片進行編輯包括：

在彈窗模板中，依據彈窗中各圖片的層次關系依序選取待編輯圖片，利用鼠標拖拽事件將選取的待編輯圖片的尺寸縮放至預設尺寸，拖動該縮放的待編輯圖片至預先設置的位置；

獲取拖動至預先設置位置的圖片的元素結構表信息，并寫入該圖片對應的圖片組元素結構表中。

5.根據權利要求1至3任一項所述的方法，其特征在于，所述對導入的待編輯圖片進行編輯包括：

在彈窗模板中選取待編輯圖片，雙擊該待編輯圖片，觸發展示該待編輯圖片對應的圖片組元素結構表；

在展示的圖片組元素結構表中，編輯相應的元素結構表信息，并依據編輯的元素結構表信息，調整在彈窗模板中展示的圖片。

6.根據權利要求1所述的方法，其特征在于，所述彈窗模板配置文件中，采用XML定義的腳本語法規則格式行定義并設置各圖片。

7.根據權利要求6所述的方法，其特征在于，所述對導入的待編輯圖片進行編輯包括：

將腳本語法規則中的待編輯圖片對應的腳本語法規則格式行以樹形結構保存在內存中；

在彈窗模板中選取待編輯圖片，以控件工具框的方式加載內存中保存的選取的該待編輯圖片對應的腳本語法規則格式行中的標簽，編輯標簽內容并存儲。

8.根據權利要求1所述的方法，其特征在于，所述方法進一步包括：

接收彈窗資源文件，對所述彈窗資源文件進行解析，得到待展示彈窗的元素以及各元素的元素結構信息；

按照各元素的元素結構信息進行加載，得到彈窗圖片并在彈窗中進行展示。

9.根據權利要求8所述的方法，其特征在于，所述方法進一步包括：

當檢測到對所述彈窗中圖片屬性的觸發操作時，解析所述圖片屬性，得到鏈接信息，在計算機設備瀏覽器中打開所述鏈接信息對應的網頁。