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

有效

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

1.一種界面切換的方法，其特征在于，包括：

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

渲染界面并填充資源文件內容，生成待切換界面，具體為：用界面基礎框架加載所述資源文件和界面配置文件；解析所述界面配置文件，獲取界面名稱列表和每一界面所對應的界面存儲路徑；動態加載所述界面存儲路徑下的布局定義和界面樣式表；

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

再將填充后的界面模板按界面樣式表進行修改，生成所述待切換界面；

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

2.根據權利要求1所述界面切換的方法，其特征在于，所述獲取資源文件和界面配置文件后，還包括：

將所述資源文件轉換成其所在界面所需要的格式和類型。

3.根據權利要求1所述界面切換的方法，其特征在于，所述動態加載界面路徑下的的布局定義包含可填充變量的HTML片段。

4.根據權利要求1所述界面切換的方法，其特征在于，所述界面基礎框架加載JavaScript腳本或CSS級聯樣式表的方法為：

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

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

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

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

5.根據權利要求1所述界面切換的方法，其特征在于，所述接收切換指令，將選定的所述待切換界面切換為當前界面包括：

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

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

6.一種界面切換的裝置，其特征在于，包括：

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

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

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

所述渲染及生成界面模塊包括：

第一加載單元，用于用界面基礎框架加載所述資源文件和界面配置文件；

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

第二加載單元，用于動態加載所述界面存儲路徑下的布局定義和界面樣式表；

生成單元，用于利用所述界面基礎框架加載JavaScript腳本或CSS級聯樣式表，JavaScript腳本或CSS級聯樣式表將資源文件按布局定義填充到界面模板，渲染填充后的界面并建立界面交互，再將填充后的界面模板按界面樣式表進行修改，生成所述待切換界面。

7.根據權利要求6所述界面切換的裝置，其特征在于，所述獲取模塊包括轉換單元：用于在獲取資源文件和界面配置文件后，將所述資源文件轉換成其所在界面所需要的格式和類型。

8.根據權利要求6所述界面切換的裝置，其特征在于，所述動態加載界面路徑下的的布局定義包含可填充變量的HTML片段。

9.根據權利要求6所述界面切換的裝置，其特征在于，所述界面基礎框架加載JavaScript腳本或CSS級聯樣式表的方法為：

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

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

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

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

10.根據權利要求6所述界面切換的裝置，其特征在于，所述切換模塊包括：

隱藏單元，用于將所述待切換界面隱藏在切換前的界面之下；

切換單元，用于通過動畫過渡效果隱藏切換前界面，顯示出所述待切換界面，銷毀切換前界面。