一種生成應用程式界面的方法及系統的製作方法

2023-07-06 19:56:46

專利名稱：一種生成應用程式界面的方法及系統的製作方法
技術領域：
本發明屬於計算機應用領域，尤其涉及一種生成應用程式界面的方法及系統。
背景技術：
隨著計算機應用程式的廣泛使用，用戶對計算機應用程式界面的美觀、易 用性提出了越來越高的要求，並且希望能在很短的時間內看到最新、最酷的界 面。這就要求界面開發人員能夠快速地開發出美觀、易用的應用程式界面。目 前，開發界面的方法是使用界面元素直接生成界面。但是，在生成不同界面的 過程中，有可能含有相同的操作，尤其是在生成若千個相似界面的過程中，生 成完第一個界面後，再生成其餘界面時，又需要重複與生成第一個界面相同的 操作，從而帶來了重複工作，使得生成界面的效率較低。

發明內容
本發明實施例的目的在於提供一種生成應用程式界面的方法，旨在解決現 有技術由於在生成不同界面的過程中，有可能含有相同的操作，從而在生成多 個界面時需要做重複工作，從而使生成界面的效率較低的問題。
本發明實施例是這樣實現的， 一種生成應用程式界面的方法，所述方法包
括以下步驟
使用界面元素生成界面組件； 保存所述界面組件；
調取所述界面組件來生成應用程式界面。
本發明實施例的另一目的在於提供一種生成應用程式界面的系統，所述系
統包括
界面組件生成模塊，用於使用界面元素生成界面組件； 界面組件保存模塊，用於保存所述界面組件；以及 界面生成才莫塊，用於調取所述界面組件來生成應用程式界面。 在本發明的實施例中，利用界面元素生成各種界面組件，並保存界面組件， 需要生成界面時可以直接調取所需的界面組件，從而避免了在用界面元素直接 生成界面的過程中存在的重複工作，提高了生成界面的效率。


圖1是本發明實施例提供的生成應用程式界面的實現流程圖2是本發明實施例提供的生成應用程式界面的系統的結構示意圖。
具體實施例方式
為了使本發明的目的、技術方案及優點更加清楚明白，以下結合附圖及實 施例，對本發明進行進一步詳細說明。應當理解，此處所描述的具體實施例4叉 僅用以解釋本發明，並不用於限定本發明。
在本發明的實施例中，由界面元素生成各種界面組件，並保存界面組件， 生成界面時直"l妄調取所需的界面組件。
圖1示出了本發明實施例提供的生成應用程式界面的流程，詳述如下
在步驟101中，使用界面元素生成界面組件。界面組件由各種界面元素生成。 界面元素包括顏色塊(ColorBox)、文字(FontString)、圖片(Texture)這三種 可視界面元素，以及選擇器(SdectFrame )、群組器(GroupFrame)這兩種邏 輯界面元素。
在ColorBox的作圖函數中，根據開發人員設置的ColorBox的屬性來分支 和組合不同的作圖方法，可以實現向方形(包括圓角方形)區域填充顏色，填 充色可以是單色或漸變色。如果填充色是漸變色，該漸變色可以是垂直漸變色
或水平漸變色，同樣，漸變色可以是2色漸變或3色漸變。當漸變色是3色漸
變時，可以設置3種顏色漸變的位置。ColorBox還可以根據開發人員設置的屬 性進行繪製邊框，同時可設置邊框的寬度；繪製圓角並可調節圓角的尺寸；繪 制中空的矩形或者圓角矩形。
根據開發人員設置的FontString的各種屬性，可繪製文字，並且能夠設置 文字的顏色、字體以及繪製方式，其中包括是否末尾不足顯示時打點、單行/ 多行顯示。
根據開發人員設置的Texture的屬性可繪製圖片和產生不規則形狀的窗口 。 Texture隱藏了各種圖片格式解析和顯示時的不同，只要指定了文件名即可顯 示，不必去關心是什麼格式的圖片。Texture還可以根據開發人員設置的屬性設 置透明色，可以設置剪裁用於生成不規則形狀的窗口區域，可以設置橫向縱向 拉伸方式，可以設置是否灰度顯示。
而邏輯界面元素SelectFrame則沒有實際可視效果，SelectFrame只是一個 可以放置多個任意的界面元素的特殊容器，並且在任意的時刻只有一個界面元 素被顯示，其餘的被隱藏。根據開發人員設置的SelectFrame的select屬性可以 指定SelectFrame中需要被顯示的界面元素。
邏輯界面元素GroupFrame也是一個可以放置多個任意的界面元素的特殊 容器。GroupFrame用來將其內部容納的多個Frame以平鋪的方式全部顯示出來， 其中，根據開發人員設置的GroupFrame屬性信息，使平鋪的方式可以是水平 單行、垂直單列、水平多行。
這5種界面元素之間也可以互相利用，每一種界面元素的內部可以放置任意 多個這5種元素作為其子元素。根據開發人員設置的這5種界面元素的屬性和幾 種元素的組合屬性就可以生成各種界面組件。此5種界面元素為最基本的界面元 素，當然還可以增加使用其它的界面元素。
在步驟S102中，保存界面組件。生成界面組件後，需要將界面組件的函數 進行註冊。在註冊時，在腳本的表中保存一個代理函數指針，並將界面組件的
函數指針保存在這個代理函數的閉包中。在使用界面組件之前需要創建界面組 件的實例，在創建完成後，在代理函數的閉包中保存界面組件的實例的指針。
在步驟S103中，調取界面組件來生成應用程式界面。由於腳本本身的功能 是有限的，在腳本中利用界面組件生成界面時，為了能夠在腳本中方便地操作 界面，需要實現在腳本中調用一些程序中的功能，所以需要調用界面組件的函數。
由於界面組件是一個類，根據0++的調用規則，在腳本中要調用界面組件 的函數需要有界面組件的實例的指針和界面組件的函數指針。此時，由代理函 數指針查詢界面組件的實例的指針，並取出界面組件的函數指針。再由代理函 數指針將函數參數依次逆序壓棧，當所有的參數都已經壓棧完畢後，將界面組 件實例的指針壓棧，並調用界面組件的函數來生成應用程式界面。
用上述方法製作一個三態的按鈕的具體腳本語言描述如下
〃定義SelectFrame中所 包含的三個Texture
〈Scripts〉〃利用腳本語言調用ChangeSelect函數

self:ChangeSelect( "Highlight");
々OnMouseEnter〉〃當滑鼠移動進入fe^t時，Texture中的Highlight被
顯示
self:ChangeSelect(; "Normal");
〃當滑鼠離開^l建時，Texture中的Normal被顯示

self:ChangeSelect( "Pushed");
々OnLButtonDown〉〃當滑鼠4會下按"鍵的時^t， Texture中的Pushed朝C 顯示
self:ChangeSelect( "Highlight");
〈/OnLButtonUp》/當滑鼠停止按下^4建時，Texture中的Highlight被 顯示

由3個界面元素Texture組建了一個界面組件SelectFrame，再用腳本語言 來調用該SelectFrame。當滑鼠離開^4建時，Texture中的Normal被顯示；當鼠 標移動進入4務睫時，Texture中的Highlight被顯示；當滑鼠按下按鍵的時候， Texture中的Pushed被顯示，滑鼠停止按下按鍵時，滑鼠實際還停留在按鍵上， Texture中的Highlight被顯示。界面組件SelectFrame生成後，其它需要實現類 似功能的界面也可以調用SelectFrame。
圖2示出了本發明實施例提供的生成應用程式界面的系統的結構，該系統 包括界面組件生成模塊21、界面組件保存模塊22及界面生成模塊23。界面組 件保存模塊22還包括函數指針保存模塊221和界面組件的實例的指針保存模塊 222。界面生成模塊23還包括指針調取模塊231、函數參數壓棧模塊232、指針 壓棧模塊233及函數調用模塊234。先由界面組件生成模塊21使用界面元素生 成界面組件。然後，函數指針保存模塊221在腳本的表中保存一個代理函數指 針，並將界面組件的函數指針保存在代理函數中，界面組件的實例的指針保存 模塊222則創建界面組件的實例，並在代理函數指針中保存界面組件的實例的 指針。最後，指針調取模塊231查詢界面組件的實例的指針，並取出界面組件 的函數指針，函數參數壓棧模塊232將界面組件的函數參數依次逆序壓棧，指 針壓棧模塊233將界面組件的實例的指針壓棧，函數調用模塊234調用界面組 件的函數來生成應用程式界面。
在本發明的實施例中，利用界面元素先生成各種界面組件，並保存界面組
件，需要生成界面時就可以直接調取所需的界面組件，從而避免了在用界面元 素直接生成界面的過程中存在的重複工作，提高了生成界面的效率。
以上所述僅為本發明的較佳實施例而已，並不用以限制本發明，凡在本發 明的精神和原則之內所作的任何修改、等同替換和改進等，均應包含在本發明 的4呆護範圍之內。
權利要求
1、一種生成應用程式界面的方法，其特徵在於，所述方法包括以下步驟使用界面元素生成界面組件；保存所述界面組件；調取所述界面組件來生成應用程式界面。
2、 如權利要求1所述的生成應用程式界面的方法，其特徵在於，所述界面 元素包括可視界面元素和邏輯界面元素；所述可視元素包括顏色塊、文字及圖片； 所述邏輯界面元素包括選擇器及群組器。
3、 如權利要求1所述的生成應用程式界面的方法，其特徵在於，所述保存 所述界面組件的步驟具體為在腳本的表中保存一個代理函數指針，並將界面組件的函數指針保存在所 述代理函數的閉包中；創建所述界面組件的實例，並在所述代理函數的閉包中保存所述界面組件 的實例的指針。
4、 如權利要求3所述的生成應用程式界面的方法，其特徵在於，所述調取 所述界面組件來生成應用程式界面的步驟具體為查詢界面組件的實例的指針，並取出界面組件的函數指針；將界面組件的函數參數依次逆序壓棧；將所述界面組件的實例的指針壓棧；調用界面組件的函數來生成應用程式界面。
5、 一種生成應用程式界面的系統，其特徵在於，所述系統包括 界面組件生成模塊，用於使用界面元素生成界面組件； 界面組件保存模塊，用於保存所述界面組件；以及 界面生成模塊，用於調取所述界面組件來生成應用程式界面。
6、 如權利要求5所述的生成應用程式界面的系統，其特徵在於，所述界面元素包括可視界面元素和邏輯界面元素； 所述可視元素包括顏色塊、文字及圖片； 所述邏輯界面元素包括選擇器及群組器。
7、 如權利要求5所述的生成應用程式界面的系統，其特徵在於，所述界面 組件保存模塊包括函數指針保存模塊，用於在腳本的表中保存一個代理函數指針，並將界面 組件的函數指針保存在所述代理函數的閉包中；以及界面組件的實例的指針保存模塊，用於創建所述界面組件的實例，並在所 述代理函數的閉包中保存所述界面組件的實例的指針。
8、 如權利要求7所述的生成應用程式界面的系統，其特徵在於，所述界面 生成模塊包括指針調取模塊，用於查詢界面組件的實例的指針，並取出界面組件的函數 指針；函數參數壓棧模塊，用於將界面組件的函數參數依次逆序壓棧； 指針壓棧;漠塊，用於將所述界面組件的實例的指針壓棧；以及 函數調用模塊，用於調用界面組件的函數來生成應用程式界面。
全文摘要
本發明適用於計算機應用領域，提供了一種生成應用程式界面的方法及系統，所述方法包括以下步驟使用界面元素生成界面組件；保存所述界面組件；調取所述界面組件來生成應用程式界面。在本發明的實施例中，利用界面元素生成各種界面組件，並保存界面組件，需要生成界面時可以直接調取所需的界面組件，從而避免了在用界面元素直接生成界面的過程中存在的重複工作，提高了生成界面的效率。
文檔編號G06F9/44GK101192149SQ200710074758
公開日2008年6月4日 申請日期2007年6月8日 優先權日2007年6月8日
發明者夏江波, 梁芝成, 謝昕虯, 頡 陳 申請人:騰訊科技(深圳)有限公司