用戶界面的自動生成方法及自動生成裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域，具體而言，涉及一種用戶界面的自動生成方法和一 種用戶界面的自動生成裝置。
【背景技術(shù)】
[0002] 目前，在原生移動應(yīng)用的開發(fā)過程中，單一頁面往往作為應(yīng)用開發(fā)的最小單元出 現(xiàn)，而在常規(guī)開發(fā)中，已開發(fā)好的單一頁面往往僅服務(wù)于單一業(yè)務(wù)，尤其是作為原生應(yīng)用， 這種開發(fā)存在著如下的特點：
[0003] 1)絕大多數(shù)應(yīng)用頁面需要在發(fā)布之前確定好頁面的元素、布局、展現(xiàn)形式、交互 行為、業(yè)務(wù)邏輯等，而以上描述信息的控制代碼均是包含在應(yīng)用的安裝包中，絕大多數(shù)場景 下，如果應(yīng)用的頁面需要調(diào)整變化，必須重新編寫相應(yīng)的代碼并重新發(fā)布安裝包。
[0004] 2)應(yīng)用頁面開發(fā)復(fù)用度比較低，單一頁面的復(fù)用度往往取決于界面的相似性，現(xiàn) 階段的移動應(yīng)用往往界面比較多元化，難以在同一個應(yīng)用內(nèi)或不同應(yīng)用之間抽象出出高度 相似的頁面。
[0005] 由上可見，現(xiàn)有的界面開發(fā)方案主要存在以下弊端：
[0006] 1)現(xiàn)有方案普遍是采用某種全新的描述語言（有一定的學(xué)習(xí)成本）將界面布局信 息完整的描述出來，然后將這些描述信息翻譯成不同移動平臺的原生代碼，這種布局往往 比較機(jī)械。若要調(diào)整界面布局，則需要調(diào)整界面布局描述文件，后續(xù)還要重新生成對應(yīng)平臺 的可執(zhí)行代碼。
[0007] 2)界面元素的行為普遍采用javascript (Java描述語言，是一種程序語言） 來編寫，然后利用橋接技術(shù)在運(yùn)行時映射到原生應(yīng)用API (Application Programming Interface，應(yīng)用程序編程接口）中，在存在很大程度的效率損耗的同時，無法享受到全部 原生API的服務(wù)（javascript無法橋接到全部的原生API中），導(dǎo)致部分硬件特性無法使 用。
[0008] 3)對原生平臺SDK (Software Development Kit，軟件開發(fā)工具包）的適配有一定 的延后性。
[0009] 4)增加了研發(fā)層級，加大了定位問題的復(fù)雜度。

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

[0010] 本發(fā)明正是基于上述技術(shù)問題至少之一，提出了一種新的用戶界面的自動生成方 案，使得能夠根據(jù)事先存儲的描述文件自動實現(xiàn)UI界面的生成，降低了開發(fā)用戶界面的技 術(shù)門檻和對用戶界面的開發(fā)成本。
[0011] 有鑒于此，本發(fā)明提出了一種用戶界面的自動生成方法，包括：存儲多種數(shù)據(jù)模 型，以及與所述多種數(shù)據(jù)模型中的每種數(shù)據(jù)模型相對應(yīng)的UI元素類型；獲取用戶配置的待 展示數(shù)據(jù)集合；解析所述待展示數(shù)據(jù)集合，以得到至少一個待展示數(shù)據(jù)項；根據(jù)獲取所述 待展示數(shù)據(jù)集合的接口協(xié)議和所述待展示數(shù)據(jù)集合中的數(shù)據(jù)格式，確定對所述待展示數(shù)據(jù) 集合進(jìn)行展示的界面布局，并根據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所述待展示數(shù) 據(jù)項的數(shù)據(jù)模型所對應(yīng)的Π元素類型生成相應(yīng)的用戶界面。
[0012] 在該技術(shù)方案中，通過存儲每種數(shù)據(jù)模型對應(yīng)的Π (User Interface，用戶界面） 元素類型，以根據(jù)獲取待展示數(shù)據(jù)集合的接口協(xié)議和待展示數(shù)據(jù)集合中的數(shù)據(jù)格式，確定 對待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根據(jù)每個待展示數(shù)據(jù)項的配置信息和每個待展 示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的UI元素類型生成相應(yīng)的用戶界面，使得能夠根據(jù)事先存儲 的描述文件（即存儲的數(shù)據(jù)模型與UI元素類型的對應(yīng)關(guān)系）自動實現(xiàn)UI界面的生成，降 低了開發(fā)用戶界面的技術(shù)門檻和對用戶界面的開發(fā)成本。
[0013] 在上述技術(shù)方案中，優(yōu)選地，根據(jù)所述待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根 據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所述待展示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的UI元 素類型生成相應(yīng)的用戶界面的步驟包括：根據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所 述待展示數(shù)據(jù)項所對應(yīng)的UI元素生成用于展示每個所述待展示數(shù)據(jù)項的UI控件；根據(jù)所 述界面布局和用于展示每個所述待展示數(shù)據(jù)項的UI控件生成所述用戶界面。該技術(shù)方案 實現(xiàn)了自動生成每個待展示數(shù)據(jù)項的UI控件的技術(shù)效果。
[0014] 在上述技術(shù)方案中，優(yōu)選地，在生成所述用戶界面之前還包括：為用于展示每個所 述待展示數(shù)據(jù)項的UI控件綁定承擔(dān)事件處理業(yè)務(wù)的控件，并指定所述承擔(dān)事件處理業(yè)務(wù) 的控件的數(shù)據(jù)來源。該技術(shù)方案使得生成的UI控件能夠自動響應(yīng)事件（如點擊操作等）。
[0015] 在上述技術(shù)方案中，優(yōu)選地，還包括：在根據(jù)所述配置信息確定所述Π控件與其 他UI控件之間存在鏈?zhǔn)揭蕾囮P(guān)系時，向所述UI控件注冊鏈?zhǔn)揭蕾嚤O(jiān)聽。該技術(shù)方案使得 UI控件之間可以自動處理符合描述規(guī)則的鏈?zhǔn)揭蕾囮P(guān)系。
[0016] 在上述技術(shù)方案中，優(yōu)選地，每個所述待展示數(shù)據(jù)項的配置信息：指示所述每種數(shù) 據(jù)模型對象的數(shù)據(jù)內(nèi)容的配置項、指示所述每種數(shù)據(jù)模型對象的展現(xiàn)形式的配置項、指示 所述每種數(shù)據(jù)模型對象的交互行為的配置項、指示所述每種數(shù)據(jù)模型對象與其他數(shù)據(jù)之間 的依賴關(guān)系的配置項。
[0017] 根據(jù)本發(fā)明的另一方面，還提出了一種用戶界面的自動生成裝置，包括：存儲單 元，用于存儲多種數(shù)據(jù)模型，以及與所述多種數(shù)據(jù)模型中的每種數(shù)據(jù)模型相對應(yīng)的Π元素 類型；獲取單元，用于獲取用戶配置的待展示數(shù)據(jù)集合；解析單元，用于解析所述待展示數(shù) 據(jù)集合，以得到至少一個待展示數(shù)據(jù)項；生成單元，用于根據(jù)所述獲取單元獲取所述待展示 數(shù)據(jù)集合的接口協(xié)議和所述待展示數(shù)據(jù)集合中的數(shù)據(jù)格式，確定對所述待展示數(shù)據(jù)集合進(jìn) 行展示的界面布局，并根據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所述待展示數(shù)據(jù)項的 數(shù)據(jù)模型所對應(yīng)的UI元素類型生成相應(yīng)的用戶界面。
[0018] 在該技術(shù)方案中，通過存儲每種數(shù)據(jù)模型對應(yīng)的UI (User Interface，用戶界面） 元素類型，以根據(jù)獲取待展示數(shù)據(jù)集合的接口協(xié)議和待展示數(shù)據(jù)集合中的數(shù)據(jù)格式，確定 對待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根據(jù)每個待展示數(shù)據(jù)項的配置信息和每個待展 示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的UI元素類型生成相應(yīng)的用戶界面，使得能夠根據(jù)事先存儲 的描述文件（即存儲的數(shù)據(jù)模型與UI元素類型的對應(yīng)關(guān)系）自動實現(xiàn)UI界面的生成，降 低了開發(fā)用戶界面的技術(shù)門檻和對用戶界面的開發(fā)成本。
[0019] 在上述技術(shù)方案中，優(yōu)選地，所述生成單元具體用于：根據(jù)每個所述待展示數(shù)據(jù)項 的配置信息和每個所述待展示數(shù)據(jù)項所對應(yīng)的UI元素生成用于展示每個所述待展示數(shù)據(jù) 項的UI控件，并用于根據(jù)所述界面布局和用于展示每個所述待展示數(shù)據(jù)項的UI控件生成 所述用戶界面。該技術(shù)方案實現(xiàn)了自動生成每個待展示數(shù)據(jù)項的UI控件的技術(shù)效果。
[0020] 在上述技術(shù)方案中，優(yōu)選地，還包括：第一處理單元，為用于展示每個所述待展示 數(shù)據(jù)項的UI控件綁定承擔(dān)事件處理業(yè)務(wù)的控件，并指定所述承擔(dān)事件處理業(yè)務(wù)的控件的 數(shù)據(jù)來源。該技術(shù)方案使得生成的UI控件能夠自動響應(yīng)事件（如點擊操作等）。
[0021] 在上述技術(shù)方案中，優(yōu)選地，還包括：第二處理單元，用于在根據(jù)所述配置信息確 定所述UI控件與其他UI控件之間存在鏈?zhǔn)揭蕾囮P(guān)系時，向所述UI控件注冊鏈?zhǔn)揭蕾嚤O(jiān) 聽。該技術(shù)方案使得UI控件之間可以自動處理符合描述規(guī)則的鏈?zhǔn)揭蕾囮P(guān)系。
[0022] 在上述技術(shù)方案中，優(yōu)選地，每個所述待展示數(shù)據(jù)項的配置信息：指示所述每種數(shù) 據(jù)模型對象的數(shù)據(jù)內(nèi)容的配置項、指示所述每種數(shù)據(jù)模型對象的展現(xiàn)形式的配置項、指示 所述每種數(shù)據(jù)模型對象的交互行為的配置項、指示所述每種數(shù)據(jù)模型對象與其他數(shù)據(jù)之間 的依賴關(guān)系的配置項。
[0023] 通過以上技術(shù)方案，使得能夠根據(jù)事先存儲的描述文件自動實現(xiàn)Π界面的生成， 降低了開發(fā)用戶界面的技術(shù)門檻和對用戶界面的開發(fā)成本。
【附圖說明】
[0024] 圖1示出了根據(jù)本發(fā)明的實施例的用戶界面的自動生成方法的示意流程圖；
[0025] 圖2示出了根據(jù)本發(fā)明的實施例的用戶界面的自動生成裝置的示意框圖；
[0026] 圖3示出了根據(jù)本發(fā)明的實施例的卡片編輯模式下解釋器的內(nèi)部工作原理流程 示意圖。
【具體實施方式】
[0027] 為了能夠更清楚地理解本發(fā)明的上述目的、特征和優(yōu)點，下面結(jié)合附圖和具體實 施方式對本發(fā)明進(jìn)行進(jìn)一步的詳細(xì)描述。需要說明的是，在不沖突的情況下，本申請的實施 例及實施例中的特征可以相互組合。
[0028] 在下面的描述中闡述了很多具體細(xì)節(jié)以便于充分理解本發(fā)明，但是，本發(fā)明還可 以采用其他不同于在此描述的其他方式來實施，因此，本發(fā)明的保護(hù)范圍并不受下面公開 的具體實施例的限制。
[0029] 圖1示出了根據(jù)本發(fā)明的實施例的用戶界面的自動生成方法的示意流程圖。
[0030] 如圖1所示，根據(jù)本發(fā)明的實施例的用戶界面的自動生成方法，包括：步驟102,存 儲多種數(shù)據(jù)模型，以及與所述多種數(shù)據(jù)模型中的每種數(shù)據(jù)模型相對應(yīng)的Π元素類型；步驟 104,獲取用戶配置的待展示數(shù)據(jù)集合；步驟106,解析所述待展示數(shù)據(jù)集合，以得到至少一 個待展示數(shù)據(jù)項；步驟108,根據(jù)獲取所述待展示數(shù)據(jù)集合的接口協(xié)議和所述待展示數(shù)據(jù) 集合中的數(shù)據(jù)格式，確定對所述待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根據(jù)每個所述待 展示數(shù)據(jù)項的配置信息和每個所述待展示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的Π元素類型生成相 應(yīng)的用戶界面。
[0031] 在該技術(shù)方案中，通過存儲每種數(shù)據(jù)模型對應(yīng)的UI (User Interface，用戶界面） 元素類型，以根據(jù)獲取待展示數(shù)據(jù)集合的接口協(xié)議和待展示數(shù)據(jù)集合中的數(shù)據(jù)格式，確定 對待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根據(jù)每個待展示數(shù)據(jù)項的配置信息和每個待展 示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的UI元素類型生成相應(yīng)的用戶界面，使得能夠根據(jù)事先存儲 的描述文件（即存儲的數(shù)據(jù)模型與UI元素類型的對應(yīng)關(guān)系）自動實現(xiàn)UI界面的生成，降 低了開發(fā)用戶界面的技術(shù)門檻和對用戶界面的開發(fā)成本。
[0032] 在上述技術(shù)方案中，優(yōu)選地，根據(jù)所述待展示數(shù)據(jù)集合進(jìn)行展示的界面布局，并根 據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所述待展示數(shù)據(jù)項的數(shù)據(jù)模型所對應(yīng)的UI元 素類型生成相應(yīng)的用戶界面的步驟包括：根據(jù)每個所述待展示數(shù)據(jù)項的配置信息和每個所 述待展示數(shù)據(jù)項所對應(yīng)的UI元素生成用于展示每個所述待