智能終端應(yīng)用程序界面設(shè)計方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及智能終端領(lǐng)域，尤其涉及一種智能終端應(yīng)用程序界面設(shè)計方法。
【背景技術(shù)】
[0002] 目前智能終端的應(yīng)用程序的開發(fā)領(lǐng)域已經(jīng)被幾大操作系統(tǒng)瓜分，比如android操 作系統(tǒng)的開發(fā)、iSO操作系統(tǒng)的開發(fā)等。如圖1所示，一款同樣的應(yīng)用程序為了不同的操作 系統(tǒng)需要分別開發(fā)，比如，手機QQ既要開發(fā)android版本的應(yīng)用又要開發(fā)支持iSO版本的 應(yīng)用；而開發(fā)出來的不同版本的應(yīng)用還需要在界面設(shè)置上盡可能的一致，保持相同功能的 應(yīng)用程序外觀及操作上的一致性。這時對于不同的操作系統(tǒng)上的界面的設(shè)置開發(fā)就是在做 重復開發(fā)，額外的增加了開發(fā)成本。

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

[0003] 本發(fā)明要解決的技術(shù)問題是：提供一種針對不同的操作系統(tǒng)只經(jīng)過一次開發(fā)就能 兼容不同操作系統(tǒng)的智能終端應(yīng)用程序界面設(shè)計方法，經(jīng)過該方法開發(fā)的應(yīng)用程序界面在 各個操作系統(tǒng)上具有完全相同的外觀及操作。
[0004] 為實現(xiàn)上述目的，本發(fā)明提供一種智能終端應(yīng)用程序界面設(shè)計方法。
[0005] 所述智能終端應(yīng)用程序界面設(shè)計方法包括以下步驟：
[0006] 步驟1 :初步設(shè)計應(yīng)用程序界面分布圖，根據(jù)所述分布圖使用軟件語言編寫界面 配置文檔，將所述界面配置文檔分發(fā)給不同操作系統(tǒng)下的初級應(yīng)用；
[0007] 步驟2 :對所述界面配置文檔解析，并生成支持不同操作系統(tǒng)的顯示及控制界面；
[0008] 所述步驟2包括以下步驟：
[0009] 步驟21 :加載所述界面配置文檔；
[0010] 步驟22 :對界面元素進行解析；
[0011] 步驟23 :對界面進行布局；
[0012] 步驟24 :設(shè)置界面自適應(yīng)屏幕大??；
[0013] 在步驟1中，所述初級應(yīng)用為在操作系統(tǒng)上完成數(shù)據(jù)獲取、處理、運算形成界面配 置信息，但還未對形成的界面配置信息進行解析的不完全的應(yīng)用程序。
[0014] 進一步的，所述操作系統(tǒng)包括android系統(tǒng)、iSO系統(tǒng)、Symbian系統(tǒng)、Windows Phone系統(tǒng)和BlackBerry0S系統(tǒng)。
[0015] 進一步的，獲取所述界面配置信息并合并至一個界面配置文檔時，采用JS0N或者 XML語言格式進行編寫；所述界面配置文檔中設(shè)置有多個界面元素的大小、值、ID及背景顏 色的屬性。
[0016] 進一步的，加載完成所述界面配置文檔后，調(diào)用所述應(yīng)用程序界面所對應(yīng)的基類， 并從基類開始進行解析和配置。
[0017]
[0018] 進一步的，所述界面布局時，采用自上而下，從左到右的流式布局；表單的下級元 素是多個表單行，遵守從上到下布局模式。表單行內(nèi)的元素遵守從左到右布局模式，表單 行內(nèi)也可以嵌套表單，構(gòu)造出智能終端應(yīng)用程序所需要的各種界面效果。
[0019] 本發(fā)明的有益效果：
[0020] 本發(fā)明提供的智能終端應(yīng)用程序界面設(shè)計方法只經(jīng)過一次開發(fā)就能兼容不同操 作系統(tǒng)，該方法能夠避免應(yīng)用程序界面的重復開發(fā)，降低開發(fā)成本；經(jīng)過該方法開發(fā)的應(yīng)用 程序界面在各個操作系統(tǒng)上具有完全相同的外觀及操作。
【附圖說明】
[0021] 下面結(jié)合附圖，通過對本發(fā)明的【具體實施方式】詳細描述，將使本發(fā)明的技術(shù)方案 及其它有益效果顯而易見。
[0022] 附圖中，
[0023] 圖1為目前不同操作操作系統(tǒng)開發(fā)同款應(yīng)用程序的示意圖；
[0024] 圖2為本發(fā)明智能終端應(yīng)用程序界面設(shè)計方法的原理示意圖；
[0025] 圖3為本發(fā)明智能終端應(yīng)用程序界面設(shè)計方法的界面配置文檔主體結(jié)構(gòu)圖；
[0026] 圖4為本發(fā)明智能終端應(yīng)用程序界面設(shè)計方法的界面配置文檔第一級結(jié)構(gòu)圖；
[0027] 圖5為本發(fā)明智能終端應(yīng)用程序界面設(shè)計方法的流程圖；
[0028] 圖6為本發(fā)明智能終端應(yīng)用程序界面設(shè)計方法的不同操作系統(tǒng)對界面配置文檔 解析時的具體編程流程圖。
【具體實施方式】
[0029] 為更進一步闡述本發(fā)明所采取的技術(shù)手段及其效果，以下結(jié)合本發(fā)明的優(yōu)選實施 例及其附圖進行詳細描述。本發(fā)明【具體實施方式】提供的本發(fā)明提供一種智能終端應(yīng)用程序 界面設(shè)計方法。
[0030] 請參閱圖2、圖5及圖6,在本基本原理下，本發(fā)明提供的所述智能終端應(yīng)用程序界 面設(shè)計方法包括以下步驟：
[0031]步驟1:初步設(shè)計應(yīng)用程序界面分布圖，根據(jù)所述分布圖使用軟件語言編寫界面 配置文檔，將所述界面配置文檔分發(fā)給不同操作系統(tǒng)下的初級應(yīng)用。
[0032] 首先在步驟1中，不同的操作系統(tǒng)包括android系統(tǒng)、iSO系統(tǒng)、Symbian系統(tǒng)、 WindowsPhone系統(tǒng)和BlackBerry0S系統(tǒng)，這些系統(tǒng)之間并不兼容。
[0033] 在步驟1中，初級應(yīng)用并不是一個完整的應(yīng)用程序，而是在操作系統(tǒng)上完成數(shù)據(jù) 獲取、處理、運算形成界面配置信息，但還未對形成的界面配置信息進行解析的不完全的應(yīng) 用程序。例如在開發(fā)一款手機即時通信應(yīng)用時，該初級應(yīng)用是指，能夠接受對方數(shù)據(jù)并進行 數(shù)據(jù)的基本編解碼，處理、變換、并將處理后的數(shù)據(jù)發(fā)送至應(yīng)用軟件的應(yīng)用層，同時還能夠 將自身發(fā)送的數(shù)據(jù)進行輸入、處理、變換并發(fā)送至底層驅(qū)動，從而發(fā)送網(wǎng)絡(luò)乃至對方應(yīng)用程 序上；但是初級應(yīng)用并不包括數(shù)據(jù)在應(yīng)用程序應(yīng)用層的顯示及控制，以及數(shù)據(jù)的輸入及發(fā) 送事件，以及界面的布局。
[0034] 在本實施方式中，進一步的，在步驟1中界面配置文檔采用JS0N或者XML語言格 式進行編寫；所述界面配置文檔中設(shè)置有每個界面元素的大小、值、ID及背景顏色等各種 屬性。
[0035] 下面以JS0N語言格式為例對界面配置文檔編寫，編寫后的界面配置文檔主體結(jié) 構(gòu)如圖3所示，對圖3中第一級展開后的結(jié)構(gòu)圖如圖4所示。
[0036] 其中，在對界面配置文檔全部展開后的J0SN語言示例如下：
[0037] {
[0038]
[0039]
[0040]
[0041]
[0042] 在本實施方式中，當完成步驟1后，續(xù)執(zhí)行步驟2。
[0043] 所述步驟2包括對所述界面配置文檔解析，并生成支持不同操作系統(tǒng)的顯示及控 制界面。
[0044] 在本實施方式中，顯示及控制界面所根據(jù)的數(shù)據(jù)來自于界面配置文檔中每個界面 元素的大小、值、ID及背景顏色等各種屬性。具體的，所述步驟2包括以下步驟：
[0045] 步驟21 :加載所述界面配置文檔；
[0046] 步驟22 :對界面元素進行解析；
[0047] 步驟23 :對界面進行布局；
[0048] 步驟24 :設(shè)置界面自適應(yīng)屏幕大小。
[0049] 在本實施方式中，在執(zhí)行步驟21時，采用swift語言的代碼對界面配置文檔進行 加載為不例，具體的為：
[0050] //MARK:APP STARTED: Public func application ( application: UIApplication, didFinishLaunchingWithOptions launchOptions:[NSObject: AnyObject]?)
[0051]
[0052] 在本實施方式中，進一步的，在執(zhí)行步驟22時，加載完成所述界面配置文檔后，調(diào) 用所述應(yīng)用程序界面所對應(yīng)的基類，并從基類開始進行解析和配置。這個基類存在于不同 的操作系統(tǒng)中，每個操作系統(tǒng)中基類存在差異。
[0053] 其中，在屬性配置時，需要實現(xiàn)界面配置文檔中指定的各項屬性。例如在頁面類的 viewDidLoad事件中，可以調(diào)用基類的呈現(xiàn)方法來配置界面配置文檔中的屬性內(nèi)容，具體 的：
[0054]
[0055] 對于上述"按鈕"所對應(yīng)的解析方法為：
[0056]
[0057] 進一步的，在執(zhí)行步驟23時，當對界面布局時，采用自上而下，從左到右的流式布 局；表單的下級元素是多個表單行，遵守從上到下布局模式。表單行內(nèi)的元素遵守從左到右 布局模式。
[0058] 需要說明的是，采用這樣的頁面布局的方式是大多數(shù)的應(yīng)用程序所采用的，也是 人們長期應(yīng)用所習慣了布局方式，但是，如果有特殊的要求可以變更頁面布局的方式。
[0059] 進一步的，在執(zhí)行步驟24時，以設(shè)定默認的界面的分別率為320*480為例進行說 明。需要在實際運行的設(shè)備上，根據(jù)實際屏幕寬度與320的比值對寬度和高度進行等比例 的縮放。
[0060] 其中，如果在頁面中，遇到內(nèi)容高度超過屏幕高度的時候，應(yīng)該為內(nèi)容增加一個可 以滾動的容器。
[0061] 有時界面元素所占據(jù)屏幕的區(qū)域是與屏幕底邊相關(guān)的，可以指定其高度為"屏幕 高度-固定值"。例如：配置文件中的〃高度"："-60"，表示元素的高度等于："屏幕高 度-60"。
[0062] 有時界面元素所占據(jù)屏幕的區(qū)域是與屏幕左右兩邊相關(guān)的，可以指定其寬度為" 屏幕寬度-固定值"。
[0063] 在通過以上的方法實現(xiàn)了統(tǒng)一界面設(shè)計之后，還可以對界面元素進行事件處理， 主要是通過元素的ID值進行定位。例如在iSO系統(tǒng)中，不同的ID的元素可以制定不同的tag整數(shù)，然后根據(jù)指定的tag定位指定ID的元素，從而可以進一步綁定事件處理。
【主權(quán)項】
1. 一種智能終端應(yīng)用程序界面設(shè)計方法，其特征在于，包括以下步驟： 步驟1:初步設(shè)計應(yīng)用程序界面分布圖，根據(jù)所述分布圖使用軟件語言編寫界面配置 文檔，將所述界面配置文檔分發(fā)給不同操作系統(tǒng)下的初級應(yīng)用； 步驟2 :對所述界面配置文檔解析，并生成支持不同操作系統(tǒng)的顯示及控制界面； 所述步驟2包括以下步驟： 步驟21 :加載所述界面配置文檔； 步驟22 :對界面元素進行解析； 步驟23 :對界面進行布局； 步驟24 :設(shè)置界面自適應(yīng)屏幕大?。? 在步驟1中，所述初級應(yīng)用為在操作系統(tǒng)上完成數(shù)據(jù)獲取、處理、運算形成界面配置信 息，但還未對形成的界面配置信息進行解析的不完全的應(yīng)用程序。2. 根據(jù)權(quán)利要求1所述的智能終端應(yīng)用程序界面設(shè)計方法，其特征在于，所述操作系 統(tǒng)包括android系統(tǒng)、iSO系統(tǒng)、Symbian系統(tǒng)、WindowsPhone系統(tǒng)和BlackBerryOS系 統(tǒng)。3. 根據(jù)權(quán)利要求1所述的智能終端應(yīng)用程序界面設(shè)計方法，其特征在于，編寫界面配 置文檔時，采用JSON或者XML語言格式進行編寫；所述界面配置文檔中設(shè)置有每個界面元 素的大小、值、ID及背景顏色等各種屬性。4. 根據(jù)權(quán)利要求1所述的智能終端應(yīng)用程序界面設(shè)計方法，其特征在于，加載完成所 述界面配置文檔后，調(diào)用所述應(yīng)用程序界面所對應(yīng)的基類，并從基類開始進行解析和配置。5. 根據(jù)權(quán)利要求1所述的智能終端應(yīng)用程序界面設(shè)計方法，其特征在于，所述界面布 局時，采用自上而下，從左到右的流式布局；表單的下級元素是多個表單行，遵守從上到下 布局模式。表單行內(nèi)的元素遵守從左到右布局模式，表單行內(nèi)也可以嵌套表單，構(gòu)造出智 能終端應(yīng)用程序所需要的各種界面效果。
【專利摘要】本發(fā)明提供一種智能終端應(yīng)用程序界面設(shè)計方法，包括以下步驟：1：初步設(shè)計應(yīng)用程序界面分布圖，根據(jù)所述分布圖使用軟件語言編寫界面配置文檔，將所述界面配置文檔分發(fā)給不同操作系統(tǒng)下的初級應(yīng)用；2：對所述界面配置文檔解析，并生成支持不同操作系統(tǒng)的顯示及控制界面；所述步驟2包括以下步驟：21：加載所述界面配置文檔；22：對界面元素進行解析；23：對界面進行布局；24：設(shè)置界面自適應(yīng)屏幕大小；在步驟1中，所述初級應(yīng)用為在操作系統(tǒng)上完成數(shù)據(jù)獲取、處理、運算形成界面配置信息，但還未對形成的界面配置信息進行解析的不完全的應(yīng)用程序。本發(fā)明能夠避免應(yīng)用程序界面重復開發(fā)，降低開發(fā)成本。
【IPC分類】G06F9/44
【公開號】CN104932877
【申請?zhí)枴緾N201510200647
【發(fā)明人】陳小州, 常文元
【申請人】陳小州, 常文元
【公開日】2015年9月23日
【申請日】2015年4月24日