[發明專利]一種更換用戶界面的皮膚的方法

有效

• 申請號: 201110305016.X
• 申請日: 2011-09-29
• 公開（公告）號: CN102360293A
• 公開（公告）日: 2012-02-22
• 發明（設計）人: 萬立新
• 申請（專利權）人: 奇智軟件(北京)有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京國昊天誠知識產權代理有限公司 11315
• 代理人: 許志勇

技術領域

本發明屬于計算機領域，具體地說，涉及一種更換用戶界面的皮膚的 方法。

背景技術

如今，在用戶終端上安裝有各種各樣的客戶端軟件，每種客戶端軟件都 有各自的用戶界面，通過用戶界面完成客戶端軟件與用戶的交互，可以說用 戶界面就是客戶端軟件的門戶。

軟件廠家通常都會為用戶界面設計皮膚，皮膚的設計在考慮美觀的同 時，還要兼顧用戶界面上皮膚組件擺放布局的合理使用。設計者在設計皮膚 時，往往首先會設計出適合用戶界面的皮膚圖片；之后再針對皮膚圖片編寫 一個數據文件，這個數據文件中會以代碼或者數據表格的形式記錄在皮膚圖 片上所有皮膚組件擺放的位置坐標以及尺寸、形狀的參數，這個數據文件和 皮膚圖片可以認為構成了最基本的皮膚。這個數據文件對于普通用戶來說是 很難看懂的，但是電腦程序可以識別，要將所屬皮膚加載到用戶界面時，由 電腦程序讀取數據文件獲知皮膚圖片上的皮膚組件布局情況，然后在皮膚圖 片上進行擺放，最終就形成了用戶界面。

可以看到，數據文件的編寫在皮膚設計中是絕對的核心操作，但是其編 寫的復雜程度可想而知，而且所編寫的數據非常繁瑣，導致容易出現錯誤， 為皮膚設計帶來了很大的難度。因此需要提供一種方式，能使皮膚設計變得 簡單，尤其是使數據文件的編寫這種專業操作變得相對友好、直觀。

另外，因為對于皮膚中很多都是采用相同的組件布局而使用不同的皮 膚圖片來實現的，而這一類皮膚往往屬于同一款的皮膚，如果能夠對皮膚分 款預先制作更具需要推薦給用戶會帶來非常好的用戶感受。因此還需要提供 一種方式，可以給用戶提供標準化的用戶界面的組件布局，并依據組件布局 快速高效地提供多種標準化的皮膚，給予用戶更多的選擇。

發明內容

有鑒于此，本發明所要解決的技術問題是提供了一種更換用戶界面的 皮膚的方法，結合可視化標識預先制作好適當的皮膚圖片，根據本地的組件 布局提供各種適合的皮膚的預覽，給于用戶多種選擇進行換膚。

為了解決上述技術問題，本發明公開了一種更換用戶界面的皮膚的方 法，包括：在云端建立皮膚圖片與皮膚的組件布局的對應關系，所述皮 膚圖片通過用于標示皮膚組件位置的可視化標識繪制皮膚的組件布局； 識別本地的用戶界面當前使用的組件布局，根據所述組件布局查找對應 的一幅或多幅皮膚圖片推薦到本地；在本地針對一幅或多幅皮膚圖片， 識別其中的可視化標識并依據所述可視化標識將各皮膚組件放置在組件 布局的相應位置。

進一步地，所述一幅皮膚圖片攜帶用于繪制一種皮膚的組件布局的 可視化標識。

進一步地，所述可視化標識，包括：所述皮膚圖片上所占用面積小 于一閾值的顏色和/或透明度。

進一步地，識別本地的用戶界面當前使用的組件布局，根據所述組 件布局在云端查找對應的一幅或多幅皮膚圖片推薦到本地的步驟，包括： 在本地通過識別所述用戶界面當前的組件布局得到布局模板并上報到云 端，所述布局模板用于承載通過可視化標識繪制出的組件布局；在云端 根據所述上報的布局模板獲取組件布局，結合皮膚圖片與皮膚的組件布 局的對應關系查找對應的一幅或多幅皮膚圖片推薦到本地。

進一步地，在本地針對一幅或多幅皮膚圖片，識別其中的可視化標 識并依據所述可視化標識將各皮膚組件放置在組件布局的相應位置的步 驟，包括：針對每幅皮膚圖片，分別識別其中的可視化標識并依據所述 可視化標識將各皮膚組件放置在組件布局的相應位置從而生成預覽并展 現給用戶供其選擇。

進一步地，在本地針對一幅或多幅皮膚圖片，識別其中的可視化標 識并依據所述可視化標識將各皮膚組件放置在組件布局的相應位置的步 驟，進一步包括：針對一幅或多幅皮膚圖片中用戶選中的皮膚圖片，識 別其中的可視化標識并依據所述可視化標識將各皮膚組件放置在組件布 局的相應位置從而將所述皮膚圖片加載到用戶界面。

進一步地，識別其中的可視化標識并依據所述可視化標識將各皮膚 組件放置在組件布局的相應位置的步驟，包括：所述可視化標識使用不 同的顏色和/或不同的透明度來區別不同的皮膚組件；讀取所述可視化標 識的顏色和/或透明度獲取所繪制的一皮膚組件的位置，依據所述顏色和 /或透明度選擇對應的皮膚組件放置在所述皮膚組件的位置上，并使所述 皮膚組件與其所在位置的形狀和/或大小適應。

進一步地，所述皮膚組件放置在組件布局的相應位置后覆蓋所述皮 膚圖片的可視化標識。