[發明專利]界面切換的方法和裝置

有效

• 申請號: 201410548446.8
• 申請日: 2014-10-16
• 公開（公告）號: CN104267968B
• 公開（公告）日: 2017-12-26
• 發明（設計）人: 陳偉力;游磊青;黃印國;陳立情
• 申請（專利權）人: 福建星網視易信息系統有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/445
• 代理公司: 福州市景弘專利代理事務所(普通合伙)35219
• 代理人: 林祥翔,呂元輝

技術領域

本發明涉及界面切換技術領域，尤其涉及一種可通過配置更換HTML模板而實現交互界面布局模板整體切換的界面切換方法和裝置。

背景技術

隨著多媒體信息查詢的與口俱增，人們越來越多地談到觸摸屏，公認地其具有堅固耐用、反應速度快、節省空間、易于交流等許多優點。利用這種技術，我們用戶只要用手指輕輕地碰計算機顯示屏上的圖符或文字就能實現對主機操作，從而使人機交互更為直截了當，這種技術大大方便了那些不懂電腦操作的用戶。

現有技術在觸摸屏界面切換上的設計相對比較死板，具體表現為：

1、交互界面通常是采用原生編碼來實現，而交互界面是最頻繁改變的部分，直接導致了交互界面的開發響應慢、開發不夠靈活的后果，使得交互界面不但開發效率低，而且開發周期長；

2、界面配置不夠靈活，只能全局統一切換，不能為不同的模塊單獨配置可切換的界面，也不能使子模塊自動繼承父模塊的界面切換配置；

3、界面切換通常是通過更換貼圖資源來完成的，而這種界面切換的方式并未更改交互界面的布局，因此僅能說是一種換膚功能，并不是真正切換了交互界面，導致用戶體驗感差。

發明內容

本發明的目的為提供一種界面切換的方法和裝置，可通過配置更換HTML模板，以實現交互界面布局模板的整體切換，不但開發靈活、周期短，而且操作方便，提升了用戶體驗感。

為實現上述發明目的，一方面，本發明實施例提供一種界面切換的方法，包括：

獲取資源文件和界面配置文件；

渲染界面并填充資源文件內容，生成待切換界面；

接收切換指令，將選定的所述待切換界面切換為當前布局界面。

優選的，所述獲取資源文件和界面配置文件后，還包括：將所述資源文件轉換成其所在界面所需要的格式和類型。

優選的，所述渲染界面并填充資源文件內容，生成待切換界面包括：

用界面基礎框架加載所述資源文件和界面配置文件；

解析所述界面配置文件，獲取界面名稱列表和每一界面所對應的界面存儲路徑；

動態加載所述界面存儲路徑下的布局定義和界面樣式表；

將資源文件按布局定義填充到界面模板，再將填充后的界面模板按界面樣式表進行修改，生成所述待切換界面。

優選的，所述獲取界面名稱列表和每一界面所對應的界面存儲路徑包括：

通過記錄每級素材目錄所配置的界面名稱，判斷當前目錄是否已經配置所需界面名稱，若有，則應用當前目錄配置，若未配置，則以其父目錄所配置的界面作為當前目錄的配置，將界面配置轉換為界面名稱列表，并通過界面名稱，計算出每一界面所對應的界面存儲路徑。

優選的，所述將資源文件按布局定義填充到界面模板包括：利用所述界面基礎框架加載JavaScript腳本或CSS級聯樣式表，JavaScript腳本或CSS級聯樣式表將資源文件按布局定義填充到界面模板，渲染填充后的界面并建立界面交互。

優選的，所述動態加載界面路徑下的的布局定義包含可填充變量的HTML片段。

優選的，所述界面基礎框架加載JavaScript腳本或CSS級聯樣式表的方法為：

判斷所輸入的加載文件的文件類型是JavaScript腳本還是CSS級聯樣式表；

若是JavaScript腳本，則創建Script結點；若是CSS級聯樣式表，則創建link結點；

并將所述Script結點或所述link結點添加到head標簽中；

判斷加載JavaScript腳本或CSS級聯樣式表是否成功，若是，則調用加載成功的回調函數。

優選的，所述接收切換指令，將選定的所述待切換界面切換為當前界面包括：

將所述待切換界面隱藏在切換前的界面之下；

接收切換指令，通過動畫過渡效果隱藏切換前界面，顯示出所述待切換界面，銷毀切換前界面。

為實現上述發明目的，另一方面，本發明實施例提供一種界面切換的裝置，包括：

獲取模塊：用于獲取資源文件和界面配置文件；

渲染及生成界面模塊：用于渲染界面并填充資源文件內容，生成待切換界面；

切換模塊：用于接收切換指令，將選定的所述待切換界面切換為當前布局界面。

優選的，所述獲取模塊包括轉換單元：用于在獲取資源文件和界面配置文件后，將所述資源文件轉換成其所在界面所需要的格式和類型。

優選的，所述渲染及生成界面模塊包括：