跨平臺應(yīng)用界面建模方法及裝置制造方法
【專利摘要】本發(fā)明實施例提供一種跨平臺應(yīng)用界面建模方法及裝置。該方法包括：應(yīng)用界面開發(fā)工具接收應(yīng)用界面建模請求，依據(jù)界面建模元模型，以及第一外廓進(jìn)行建模生成與目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型；依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng)用界面模型對應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。本發(fā)明實施例應(yīng)用界面開發(fā)工具結(jié)合多個平臺應(yīng)用界面的通用特征和具體平臺應(yīng)用界面相對于通用特征的擴(kuò)展特征建立具體平臺應(yīng)用界面模型，以供開發(fā)人員依據(jù)具體平臺應(yīng)用界面模型開發(fā)代碼，并由應(yīng)用界面開發(fā)工具依據(jù)所述代碼生成具體平臺應(yīng)用界面，相對于在不同的具體平臺分別開發(fā)應(yīng)用界面的方式，提高了應(yīng)用界面設(shè)計開發(fā)工作效率。
【專利說明】跨平臺應(yīng)用界面建模方法及裝置
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明實施例涉及計算機(jī)技術(shù)，尤其涉及一種跨平臺應(yīng)用界面建模方法及裝置。
【背景技術(shù)】
[0002] 隨著互聯(lián)網(wǎng)絡(luò)的發(fā)展，應(yīng)用界面的呈現(xiàn)方式越來越豐富，例如從傳統(tǒng)網(wǎng)站瀏覽器 應(yīng)用界面發(fā)展到安卓手機(jī)應(yīng)用界面和安卓平板應(yīng)用界面。另外，應(yīng)用界面需要承載在不同 的平臺上，如傳統(tǒng)網(wǎng)站瀏覽器應(yīng)用界面承載于普通瀏覽器上，安卓手機(jī)應(yīng)用界面和安卓平 板應(yīng)用界面分別承載于具有安卓操作系統(tǒng)的手機(jī)和平板電腦上。
[0003] 但是，由于不同平臺上的應(yīng)用界面是相互獨(dú)立開發(fā)的，因此，對于同一應(yīng)用界面， 若在不同平臺上開發(fā)時，則需要分別在其對應(yīng)的平臺上進(jìn)行設(shè)計開發(fā)，從而導(dǎo)致設(shè)計開發(fā) 工作效率低。
【發(fā)明內(nèi)容】
[0004] 本發(fā)明實施例提供一種跨平臺應(yīng)用界面建模方法及裝置，以提高應(yīng)用界面設(shè)計開 發(fā)工作效率。
[0005] 本發(fā)明實施例的一個方面是提供一種跨平臺應(yīng)用界面建模方法，包括：
[0006] 應(yīng)用界面開發(fā)工具接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包括目標(biāo)平臺 標(biāo)識，并依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對應(yīng)的第一外廓進(jìn)行建 模生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界面建模元模型用于描 述多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng)用界面相對于所述界 面建模元模型的擴(kuò)展特征；
[0007] 所述應(yīng)用界面開發(fā)工具依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng)用界面模 型對應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
[0008] 本發(fā)明實施例的另一個方面是提供一種應(yīng)用界面開發(fā)工具，包括：
[0009] 接收模塊，用于接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包括目標(biāo)平臺標(biāo) 識；
[0010] 建模處理模塊，用于依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對 應(yīng)的第一外廓進(jìn)行建模生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界 面建模元模型用于描述多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng) 用界面相對于所述界面建模元模型的擴(kuò)展特征；
[0011] 應(yīng)用界面生成模塊，用于依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng)用界面模 型對應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
[0012] 本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法及裝置，利用應(yīng)用界面開發(fā)工具結(jié) 合多個平臺應(yīng)用界面的通用特征和具體平臺應(yīng)用界面相對于通用特征的擴(kuò)展特征建立具 體平臺應(yīng)用界面模型，以供開發(fā)人員依據(jù)具體平臺應(yīng)用界面模型開發(fā)代碼，并由應(yīng)用界面 開發(fā)工具依據(jù)所述代碼生成具體平臺應(yīng)用界面，相對于在不同的具體平臺分別開發(fā)應(yīng)用界 面的方式，節(jié)省了通用特征部分開發(fā)設(shè)計工作量，提高了應(yīng)用界面設(shè)計開發(fā)工作效率。
【專利附圖】
【附圖說明】
[0013] 圖1為本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法流程圖；
[0014] 圖2a為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)圖；
[0015] 圖2b為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)圖；
[0016] 圖3為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)部分 的元模型結(jié)構(gòu)圖；
[0017] 圖4為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面變化部分 的元模型結(jié)構(gòu)圖；
[0018] 圖5為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面通信部分 的元模型結(jié)構(gòu)圖；
[0019] 圖6為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法流程圖；
[0020] 圖7為本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法信令圖；
[0021] 圖8a為傳統(tǒng)元模型維護(hù)方式流程圖；
[0022] 圖8b為本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法適用的元模型維護(hù)方式流 程圖；
[0023] 圖9為本發(fā)明實施例提供的應(yīng)用界面開發(fā)工具的結(jié)構(gòu)圖；
[0024] 圖10為本發(fā)明另一實施例提供的應(yīng)用界面開發(fā)工具的結(jié)構(gòu)圖；
[0025] 圖11為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面結(jié)構(gòu)圖；
[0026] 圖12為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面變化的示意 圖；
[0027] 圖13為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面變化的示意 圖；
[0028] 圖14為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面通信的示意 圖；
[0029] 圖15為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的安卓手機(jī)應(yīng)用界 面示意圖；
[0030] 圖16為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的安卓平板應(yīng)用界 面示意圖。
【具體實施方式】
[0031] 圖1為本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法流程圖。本發(fā)明實施例適用 于依據(jù)不同平臺應(yīng)用界面的通用特征生成各平臺對應(yīng)的應(yīng)用界面，具體的跨平臺應(yīng)用界面 建模方法步驟如下：
[0032] 步驟S101、應(yīng)用界面開發(fā)工具接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包 括目標(biāo)平臺標(biāo)識，并依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對應(yīng)的第一 外廓進(jìn)行建模生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界面建模元 模型用于描述多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng)用界面相 對于所述界面建模元模型的擴(kuò)展特征；
[0033] 應(yīng)用界面開發(fā)工具支持對多個平臺應(yīng)用界面進(jìn)行通用特征描述的界面建模元模 型，并對目標(biāo)平臺的應(yīng)用界面的特征進(jìn)行分析，得到目標(biāo)平臺的應(yīng)用界面相對于所述界面 建模元模型的擴(kuò)展特征作為第一外廓，所述目標(biāo)平臺的應(yīng)用界面具體可以為傳統(tǒng)網(wǎng)站瀏覽 器界面、安卓手機(jī)應(yīng)用界面和安卓平板應(yīng)用界面。應(yīng)用界面開發(fā)工具結(jié)合界面建模元模型 與第一外廓進(jìn)行建模生成目標(biāo)平臺的應(yīng)用界面模型。
[0034] 步驟S102、所述應(yīng)用界面開發(fā)工具依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng) 用界面模型對應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
[0035] 所述應(yīng)用界面開發(fā)工具依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型自動生成所述應(yīng)用界 面模型對應(yīng)的代碼，運(yùn)行所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
[0036] 本發(fā)明實施例應(yīng)用界面開發(fā)工具結(jié)合多個平臺應(yīng)用界面的通用特征和具體平臺 應(yīng)用界面相對于通用特征的擴(kuò)展特征建立具體平臺應(yīng)用界面模型，以供開發(fā)人員依據(jù)具 體平臺應(yīng)用界面模型開發(fā)代碼，并由應(yīng)用界面開發(fā)工具依據(jù)所述代碼生成具體平臺應(yīng)用界 面，相對于在不同的具體平臺分別開發(fā)應(yīng)用界面的方式，節(jié)省了通用特征部分開發(fā)設(shè)計工 作量，提高了應(yīng)用界面設(shè)計開發(fā)工作效率。
[0037] 在上述實施例的基礎(chǔ)上，所述通用特征包括界面結(jié)構(gòu)、界面變化和界面通信，所述 界面結(jié)構(gòu)表示視圖元素在所述平臺應(yīng)用界面上的組織形式，所述界面變化表示所述平臺應(yīng) 用界面應(yīng)對外界刺激的響應(yīng)，所述界面通信表示所述平臺應(yīng)用界面與服務(wù)器設(shè)備之間的數(shù) 據(jù)交互過程。
[0038] 本發(fā)明實施例從界面結(jié)構(gòu)、界面變化和界面通信三個方面總結(jié)多個平臺應(yīng)用界面 的通用特征，因此，界面建模元模型可以從界面結(jié)構(gòu)、界面變化和界面通信三個方面進(jìn)行設(shè) 計。
[0039] 圖2a為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)圖； 圖2b為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)圖。圖3為本 發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面結(jié)構(gòu)部分的元模型結(jié)構(gòu)圖。
[0040] 圖2a所示為一個通用的界面結(jié)構(gòu)，圖2b是與圖2a對應(yīng)的實現(xiàn)層面的結(jié)構(gòu)，并對 圖2a抽象出"視圖容器-基本視圖元素"的層次結(jié)構(gòu)，圖2b中"容器1"、"容器2"、"容器 3"相當(dāng)于"視圖容器"，"標(biāo)題"、"標(biāo)簽1"、"標(biāo)簽2"、"輸入1"、"輸入2"、"提交"相當(dāng)于"基 本視圖元素"。圖3所示，視圖元素基類表示視圖元素在特定時間點的形式，將不同狀態(tài)所 對應(yīng)的實例稱為視圖元素類目，一個視圖元素類目可能有多個狀態(tài)，而不同視圖元素代表 同一視圖元素類目的不同狀態(tài)，視圖元素類目支持同一視圖元素在不同視圖容器中共用。
[0041] 圖4為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面變化部分 的元模型結(jié)構(gòu)圖。視圖容器的狀態(tài)變化可能包含了其子元素的增加和刪除，即狀態(tài)轉(zhuǎn)移動 作會觸發(fā)基本視圖元素的增加操作和基本視圖元素的刪除操作；界面變化對應(yīng)一系列代表 所有可被調(diào)用執(zhí)行的類型的執(zhí)行，界面變化表現(xiàn)為視圖容器的狀態(tài)變化，即對應(yīng)為狀態(tài)轉(zhuǎn) 移動作，若一個視圖容器在狀態(tài)改變時，其子視圖容器也發(fā)生了狀態(tài)改變，則將調(diào)用子視圖 容器對應(yīng)的狀態(tài)轉(zhuǎn)移動作。界面變化關(guān)注界面應(yīng)對外部的刺激如何進(jìn)行變化，進(jìn)而將界面 變化動作拆分為增減元素、元素更改屬性、容器更改布局等子操作。
[0042] 圖5為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法適用的界面通信部分 的元模型結(jié)構(gòu)圖。界面通信關(guān)注界面如何同后臺數(shù)據(jù)通信，遵照HTTP協(xié)議，將通信過程分 為請求準(zhǔn)備、等待響應(yīng)和處理響應(yīng)的階段，對以參數(shù)的形式描述了請求路徑、參數(shù)及響應(yīng)參 數(shù)等的數(shù)據(jù)格式及同界面視圖元素的關(guān)聯(lián)。
[0043] 本發(fā)明實施例分別從界面結(jié)構(gòu)、界面變化和界面通信三個方面對界面建模元模型 進(jìn)行設(shè)計。
[0044] 圖6為本發(fā)明另一實施例提供的跨平臺應(yīng)用界面建模方法流程圖。在圖1對應(yīng)的 實施例基礎(chǔ)上，步驟S102之后還包括如下步驟：
[0045] 步驟S103、所述應(yīng)用界面開發(fā)工具接收模型轉(zhuǎn)換請求，所述模型轉(zhuǎn)換請求包括轉(zhuǎn) 換前模型標(biāo)識，并將所述轉(zhuǎn)換前模型標(biāo)識對應(yīng)的轉(zhuǎn)換前模型文件發(fā)送給模型轉(zhuǎn)換工具，以 使所述模型轉(zhuǎn)換工具依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換后模型；
[0046] 所述依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換后模型包括：依據(jù)所述轉(zhuǎn)換前模型文件生 成所述轉(zhuǎn)換前模型；依據(jù)第一轉(zhuǎn)換規(guī)則將所述轉(zhuǎn)換前模型轉(zhuǎn)換為平臺無關(guān)界面模型，所述 第一轉(zhuǎn)換規(guī)則表示所述界面建模元模型與轉(zhuǎn)換前元模型之間的對應(yīng)關(guān)系，所述轉(zhuǎn)換前元模 型由所述界面建模元模型與所述第一外廓組成；依據(jù)第二轉(zhuǎn)換規(guī)則將所述平臺無關(guān)界面模 型轉(zhuǎn)換為轉(zhuǎn)換后模型，所述第二轉(zhuǎn)換規(guī)則表示所述界面建模元模型與轉(zhuǎn)換后元模型之間的 對應(yīng)關(guān)系，所述轉(zhuǎn)換后元模型由所述界面建模元模型與第二外廓組成，所述第二外廓是所 述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面相對于所述界面建模元模型的擴(kuò)展特征。
[0047] 所述應(yīng)用界面開發(fā)工具將所述轉(zhuǎn)換前模型文件發(fā)送給模型轉(zhuǎn)換工具，所述模型轉(zhuǎn) 換工具具體為轉(zhuǎn)換引擎Motif，轉(zhuǎn)換引擎Motif依據(jù)第一轉(zhuǎn)換規(guī)則將所述轉(zhuǎn)換前模型轉(zhuǎn)換 為平臺無關(guān)界面模型，并依據(jù)第二轉(zhuǎn)換規(guī)則將所述平臺無關(guān)界面模型轉(zhuǎn)換為轉(zhuǎn)換后模型， 第一轉(zhuǎn)換規(guī)則是外部工具TModeler依據(jù)所述界面建模元模型與轉(zhuǎn)換前元模型之間的對應(yīng) 關(guān)系描述出的規(guī)則，第二轉(zhuǎn)換規(guī)則是外部工具TModeler依據(jù)所述界面建模元模型與轉(zhuǎn)換 后元模型之間的對應(yīng)關(guān)系描述出的規(guī)則，其中，所述轉(zhuǎn)換前元模型由所述界面建模元模型 與所述第一外廓組成，轉(zhuǎn)換后元模型由所述界面建模元模型與第二外廓組成，所述第二外 廓是所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面相對于所述界面建模元模型的擴(kuò)展特征。
[0048] 圖7為本發(fā)明實施例提供的跨平臺應(yīng)用界面建模方法信令圖。如圖7所示，轉(zhuǎn)換 引擎Motif依據(jù)轉(zhuǎn)換規(guī)則I將模型I轉(zhuǎn)換成平臺無關(guān)界面模型，并依據(jù)轉(zhuǎn)換規(guī)則J將平臺 無關(guān)界面模型轉(zhuǎn)換成模型J，其中，界面建模元模型與外廓I組成第一元模型，轉(zhuǎn)換規(guī)則I是 外部工具TModeler依據(jù)第一元模型與界面建模元模型之間的對應(yīng)關(guān)系生成的規(guī)則，界面 建模元模型與外廓J組成第二元模型，轉(zhuǎn)換規(guī)則J是外部工具TModeler依據(jù)第二元模型與 界面建模元模型之間的對應(yīng)關(guān)系生成的規(guī)則，轉(zhuǎn)換引擎Motif在模型轉(zhuǎn)換的過程中可以直 接調(diào)用外部工具TModeler生成的轉(zhuǎn)換規(guī)則。
[0049] 步驟S104、所述應(yīng)用界面開發(fā)工具接收所述模型轉(zhuǎn)換工具發(fā)送的所述轉(zhuǎn)換后模 型，并依據(jù)所述轉(zhuǎn)換后模型生成所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面。
[0050] 如圖7所示，轉(zhuǎn)換引擎Motif生成的模型J可以直接覆蓋應(yīng)用界面開發(fā)工具當(dāng)前 的模型I，若應(yīng)用界面開發(fā)工具中的模型I增加了模型元素 i，則轉(zhuǎn)換引擎Motif依據(jù)上述 轉(zhuǎn)換過程，將模型I和模型元素 i轉(zhuǎn)換成模型J和模型元素 j，本發(fā)明實施例的應(yīng)用界面開 發(fā)工具能夠識別出模型J已是當(dāng)前模型，只添加模型元素 j到當(dāng)前模型J即可。
[0051] 本發(fā)明實施例提供了模型轉(zhuǎn)換功能以支持不同平臺模型間的相互轉(zhuǎn)換，并維護(hù)各 平臺間的對應(yīng)關(guān)系，同時，通過維護(hù)界面建模元模型及具體平臺外廓，實現(xiàn)了對新平臺的擴(kuò) 充。
[0052] 圖8a為傳統(tǒng)元模型維護(hù)方式流程圖。圖8b為本發(fā)明實施例提供的跨平臺應(yīng)用界 面建模方法適用的元模型維護(hù)方式流程圖。如圖8b所示，本發(fā)明實施例提供的跨平臺應(yīng)用 界面建模方法，對設(shè)計得到的元模型外廓，沒有應(yīng)用元模型代碼的形式維護(hù)元模型，而是以 元模型文件的形式進(jìn)行維護(hù)，在運(yùn)行時動態(tài)讀取元模型信息，相比于圖8a中傳統(tǒng)元模型維 護(hù)方式，避免了元模型修改或擴(kuò)充所帶來的"編譯"、"打包"等繁瑣操作。
[0053] 本發(fā)明實施例通過將新平臺所做出的元模型外廓直接應(yīng)用到應(yīng)用界面開發(fā)工具 中，實現(xiàn)了應(yīng)用界面開發(fā)工具的新平臺擴(kuò)展。
[0054] 圖9為本發(fā)明實施例提供的應(yīng)用界面開發(fā)工具的結(jié)構(gòu)圖。本發(fā)明實施例提供的應(yīng) 用界面開發(fā)工具可以執(zhí)行跨平臺應(yīng)用界面建模方法實施例提供的處理流程。如圖9所示， 應(yīng)用界面開發(fā)工具90包括接收模塊91、建模處理模塊92和應(yīng)用界面生成模塊93,其中， 接收模塊91用于接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包括目標(biāo)平臺標(biāo)識；建模 處理模塊92用于依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對應(yīng)的第一外 廓進(jìn)行建模生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界面建模元模 型用于描述多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng)用界面相對 于所述界面建模元模型的擴(kuò)展特征；應(yīng)用界面生成模塊93用于依據(jù)所述目標(biāo)平臺的應(yīng)用 界面模型生成所述應(yīng)用界面模型對應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界 面。
[0055] 所述通用特征包括界面結(jié)構(gòu)、界面變化和界面通信，所述界面結(jié)構(gòu)表示視圖元素 在所述平臺應(yīng)用界面上的組織形式，所述界面變化表示所述平臺應(yīng)用界面應(yīng)對外界刺激的 響應(yīng)，所述界面通信表示所述平臺應(yīng)用界面與服務(wù)器設(shè)備之間的數(shù)據(jù)交互過程。
[0056] 本發(fā)明實施例應(yīng)用界面開發(fā)工具結(jié)合多個平臺應(yīng)用界面的通用特征和具體平臺 應(yīng)用界面相對于通用特征的擴(kuò)展特征建立具體平臺應(yīng)用界面模型，以供開發(fā)人員依據(jù)具 體平臺應(yīng)用界面模型開發(fā)代碼，并由應(yīng)用界面開發(fā)工具依據(jù)所述代碼生成具體平臺應(yīng)用界 面，相對于在不同的具體平臺分別開發(fā)應(yīng)用界面的方式，節(jié)省了通用特征部分開發(fā)設(shè)計工 作量，提高了應(yīng)用界面設(shè)計開發(fā)工作效率。
[0057] 圖10為本發(fā)明另一實施例提供的應(yīng)用界面開發(fā)工具的結(jié)構(gòu)圖。在圖9對應(yīng)的實 施例的基礎(chǔ)上，接收模塊91還用于接收模型轉(zhuǎn)換請求，所述模型轉(zhuǎn)換請求包括轉(zhuǎn)換前模型 標(biāo)識；接收模型轉(zhuǎn)換工具發(fā)送的轉(zhuǎn)換后模型；應(yīng)用界面開發(fā)工具90還包括發(fā)送模塊94,發(fā) 送模塊94用于將所述轉(zhuǎn)換前模型標(biāo)識對應(yīng)的轉(zhuǎn)換前模型文件發(fā)送給模型轉(zhuǎn)換工具，以使 所述模型轉(zhuǎn)換工具依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換后模型；應(yīng)用界面生成模塊93還用 于依據(jù)所述轉(zhuǎn)換后模型生成所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面。
[0058] 本發(fā)明實施例提供了模型轉(zhuǎn)換功能以支持不同平臺模型間的相互轉(zhuǎn)換，并維護(hù)各 平臺間的對應(yīng)關(guān)系，同時，通過維護(hù)界面建模元模型及具體平臺外廓，實現(xiàn)了對新平臺的擴(kuò) 充。
[0059] 圖11為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面結(jié)構(gòu)圖。圖 12為本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面變化的示意圖。圖13為 本發(fā)明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面變化的示意圖。圖14為本發(fā) 明另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的頁面通信的示意圖。圖15為本發(fā)明另 一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的安卓手機(jī)應(yīng)用界面示意圖。圖16為本發(fā)明 另一實施例提供的運(yùn)用應(yīng)用界面開發(fā)工具生成的安卓平板應(yīng)用界面示意圖。
[0060] 本發(fā)明實施例通過上述實施例提供的應(yīng)用界面開發(fā)工具進(jìn)行唱片瀏覽的應(yīng)用開 發(fā)，如圖11所示為界面的結(jié)構(gòu)編輯同最終生成的網(wǎng)站頁面的對照，應(yīng)用界面開發(fā)工具可以 直觀地進(jìn)行界面編輯，通過利用應(yīng)用界面開發(fā)工具進(jìn)行界面結(jié)構(gòu)編輯，生成一個唱片列表 查看頁。并且應(yīng)用界面開發(fā)工具支持在靜態(tài)頁面的基礎(chǔ)上，進(jìn)行界面變化建模，如圖12所 示，點擊"選中"按鈕后，界面所做出的局部變化具體為刪除三個按鈕并增加一段文字，對應(yīng) 的建模操作如圖13所示，圖13通過描述變化前后的狀態(tài)，得出變化動作的具體子操作。
[0061] 此外，應(yīng)用界面開發(fā)工具還支持同后臺的數(shù)據(jù)通信，如圖14所示，點擊"查看歌手 信息按鈕"時，向服務(wù)器發(fā)送包含"歌曲信息"的參數(shù)，得到包含"歌手信息"的響應(yīng)，并最終 顯示在界面上，支持對"請求發(fā)送"、"響應(yīng)等待"、"響應(yīng)處理"等階段的參數(shù)描述支持，以及 參數(shù)同時對應(yīng)界面的對應(yīng)。圖15、16具體為應(yīng)用生成的具體平臺界面模型生成的安卓手機(jī) 項目及安卓平板項目的運(yùn)行實例。
[0062] 綜上所述，本發(fā)明實施例應(yīng)用界面開發(fā)工具結(jié)合多個平臺應(yīng)用界面的通用特征和 具體平臺應(yīng)用界面相對于通用特征的擴(kuò)展特征建立具體平臺應(yīng)用界面模型，以供開發(fā)人員 依據(jù)具體平臺應(yīng)用界面模型開發(fā)代碼，并由應(yīng)用界面開發(fā)工具依據(jù)所述代碼生成具體平臺 應(yīng)用界面，相對于在不同的具體平臺分別開發(fā)應(yīng)用界面的方式，節(jié)省了通用特征部分開發(fā) 設(shè)計工作量，提高了應(yīng)用界面設(shè)計開發(fā)工作效率；分別從界面結(jié)構(gòu)、界面變化和界面通信三 個方面對界面建模元模型進(jìn)行設(shè)計；提供了模型轉(zhuǎn)換功能以支持不同平臺模型間的相互轉(zhuǎn) 換，并維護(hù)各平臺間的對應(yīng)關(guān)系，同時，通過維護(hù)界面建模元模型及具體平臺外廓，實現(xiàn)了 對新平臺的擴(kuò)充。
[0063] 本領(lǐng)域普通技術(shù)人員可以理解：實現(xiàn)上述各方法實施例的全部或部分步驟可以通 過程序指令相關(guān)的硬件來完成。前述的程序可以存儲于一計算機(jī)可讀取存儲介質(zhì)中。該程 序在執(zhí)行時，執(zhí)行包括上述各方法實施例的步驟；而前述的存儲介質(zhì)包括：ROM、RAM、磁碟 或者光盤等各種可以存儲程序代碼的介質(zhì)。
[0064] 最后應(yīng)說明的是：以上各實施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制； 盡管參照前述各實施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其 依然可以對前述各實施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分或者全部技術(shù)特征 進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實施例技 術(shù)方案的范圍。
【權(quán)利要求】
1. 一種跨平臺應(yīng)用界面建模方法，其特征在于，包括： 應(yīng)用界面開發(fā)工具接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包括目標(biāo)平臺標(biāo) 識，并依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對應(yīng)的第一外廓進(jìn)行建模 生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界面建模元模型用于描述 多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng)用界面相對于所述界面 建模元模型的擴(kuò)展特征； 所述應(yīng)用界面開發(fā)工具依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng)用界面模型對 應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通用特征包括界面結(jié)構(gòu)、界面變化和 界面通信，所述界面結(jié)構(gòu)表示視圖元素在所述平臺應(yīng)用界面上的組織形式，所述界面變化 表示所述平臺應(yīng)用界面應(yīng)對外界刺激的響應(yīng)，所述界面通信表示所述平臺應(yīng)用界面與服務(wù) 器設(shè)備之間的數(shù)據(jù)交互過程。
3. 根據(jù)權(quán)利要求2所述的方法，其特征在于，還包括： 所述應(yīng)用界面開發(fā)工具接收模型轉(zhuǎn)換請求，所述模型轉(zhuǎn)換請求包括轉(zhuǎn)換前模型標(biāo)識， 并將所述轉(zhuǎn)換前模型標(biāo)識對應(yīng)的轉(zhuǎn)換前模型文件發(fā)送給模型轉(zhuǎn)換工具，以使所述模型轉(zhuǎn)換 工具依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換后模型； 所述應(yīng)用界面開發(fā)工具接收所述模型轉(zhuǎn)換工具發(fā)送的所述轉(zhuǎn)換后模型，并依據(jù)所述轉(zhuǎn) 換后模型生成所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面。
4. 根據(jù)權(quán)利要求3所述的方法，其特征在于，所述依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換 后模型包括： 依據(jù)所述轉(zhuǎn)換前模型文件生成所述轉(zhuǎn)換前模型； 依據(jù)第一轉(zhuǎn)換規(guī)則將所述轉(zhuǎn)換前模型轉(zhuǎn)換為平臺無關(guān)界面模型，所述第一轉(zhuǎn)換規(guī)則表 示所述界面建模元模型與轉(zhuǎn)換前元模型之間的對應(yīng)關(guān)系，所述轉(zhuǎn)換前元模型由所述界面建 模元模型與所述第一外廓組成； 依據(jù)第二轉(zhuǎn)換規(guī)則將所述平臺無關(guān)界面模型轉(zhuǎn)換為轉(zhuǎn)換后模型，所述第二轉(zhuǎn)換規(guī)則表 示所述界面建模元模型與轉(zhuǎn)換后元模型之間的對應(yīng)關(guān)系，所述轉(zhuǎn)換后元模型由所述界面建 模元模型與第二外廓組成，所述第二外廓是所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用界面相對于所述界 面建模元模型的擴(kuò)展特征。
5. -種應(yīng)用界面開發(fā)工具，其特征在于，包括： 接收模塊，用于接收應(yīng)用界面建模請求，所述應(yīng)用界面建模請求包括目標(biāo)平臺標(biāo)識； 建模處理模塊，用于依據(jù)預(yù)先建立的界面建模元模型，以及所述目標(biāo)平臺標(biāo)識對應(yīng)的 第一外廓進(jìn)行建模生成與所述目標(biāo)平臺標(biāo)識對應(yīng)的目標(biāo)平臺的應(yīng)用界面模型，所述界面建 模元模型用于描述多個平臺應(yīng)用界面的通用特征，所述第一外廓是所述目標(biāo)平臺的應(yīng)用界 面相對于所述界面建模元模型的擴(kuò)展特征； 應(yīng)用界面生成模塊，用于依據(jù)所述目標(biāo)平臺的應(yīng)用界面模型生成所述應(yīng)用界面模型對 應(yīng)的代碼，并根據(jù)所述代碼生成所述目標(biāo)平臺的應(yīng)用界面。
6. 根據(jù)權(quán)利要求5所述的應(yīng)用界面開發(fā)工具，其特征在于，所述通用特征包括界面結(jié) 構(gòu)、界面變化和界面通信，所述界面結(jié)構(gòu)表示視圖元素在所述平臺應(yīng)用界面上的組織形式， 所述界面變化表示所述平臺應(yīng)用界面應(yīng)對外界刺激的響應(yīng)，所述界面通信表示所述平臺應(yīng) 用界面與服務(wù)器設(shè)備之間的數(shù)據(jù)交互過程。
7.根據(jù)權(quán)利要求6所述的應(yīng)用界面開發(fā)工具，其特征在于，所述接收模塊還用于接收 模型轉(zhuǎn)換請求，所述模型轉(zhuǎn)換請求包括轉(zhuǎn)換前模型標(biāo)識；接收模型轉(zhuǎn)換工具發(fā)送的轉(zhuǎn)換后 模型；所述應(yīng)用界面開發(fā)工具還包括： 發(fā)送模塊，用于將所述轉(zhuǎn)換前模型標(biāo)識對應(yīng)的轉(zhuǎn)換前模型文件發(fā)送給模型轉(zhuǎn)換工具， 以使所述模型轉(zhuǎn)換工具依據(jù)所述轉(zhuǎn)換前模型文件生成轉(zhuǎn)換后模型； 所述應(yīng)用界面生成模塊還用于依據(jù)所述轉(zhuǎn)換后模型生成所述轉(zhuǎn)換后模型對應(yīng)的應(yīng)用 界面。
【文檔編號】G06F9/44GK104156209SQ201410384494
【公開日】2014年11月19日 申請日期:2014年8月6日 優(yōu)先權(quán)日:2014年8月6日
【發(fā)明者】陳泓婕, 張崴, 麻志毅 申請人:北京大學(xué)