[發明專利]基于Flutter實現字體圖標渲染的方法和系統

在審

• 申請號: 202111160785.5
• 申請日: 2021-09-30
• 公開（公告）號: CN113986416A
• 公開（公告）日: 2022-01-28
• 發明（設計）人: 王志杰;鄧偉;夏曙東;孫智彬;張志平
• 申請（專利權）人: 江蘇中交車旺科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F9/54;G06F8/38;G06F8/36;G06F8/656;G06F16/16;G06F16/172
• 代理公司: 北京辰權知識產權代理有限公司 11619
• 代理人: 劉廣達

本申請實施例提供一種基于Flutter實現字體圖標渲染的方法和系統。該方法包括：在云端服務器創建遠程云端字體圖標庫；初始化所述云端字體圖標庫；從所述云端字體圖標庫下載渲染文件到本地服務器；對所述渲染文件進行歸類和配置；將本地服務器的靜態資源字體導入所述歸類和配置之后的渲染文件中，得到渲染后的字體圖標。本申請不借助第三方的字體圖標庫資源，通過將本地資源與云端資源定制化配置，實現本地和云端字體圖標的上傳、下載和配置使用，實現設計靈活、節省資源、加載快速，以獲得良好的用戶體驗。

技術領域

本申請涉及字體圖標渲染技術領域，尤其涉及一種基于Flutter實現字體圖標渲染的方法、系統、電子設備及存儲介質。

背景技術

目前字體圖標的渲染技術有兩種，其一：采用圖片的形式來代替字體圖標，依賴于UI設計師的支持，通過用圖片來代替相應的設計內容實現該功能，針對同樣的字體或圖形形態，有多少種不同顏色，不同大小就需要使用多少張圖片來代替。此方案雖然能夠實現對設計稿的還原，但是對設計師依賴比較強，靈活性差，一旦設計顏色或者大小變更，就需要重新找設計師替換圖片；更重要的是大量的圖片積累，需要消耗大量的內存、流量等資源，甚至出現頁面加載緩慢或者加載失敗的情況，增加用戶體驗成本，影響用戶使用。

其二：采用阿里巴巴字體圖標庫，每次下載所需字體包，然后進行替換本地現有的字體圖標包，然而針對不同的項目存在大量差異化不可共用包。而且每次有改動都需要進行下載、替換、發版等過程。雖然解決了第一種方案中的問題，但是對于發布成本、公司共同方案成本卻很高，不靈活的使用方式導致無形中增加運維和研發的工作成本。

發明內容

基于上述目的，根據本申請的第一個方面，本申請提出了一種基于Flutter實現字體圖標渲染的方法，包括：

在云端服務器創建遠程云端字體圖標庫；

初始化所述云端字體圖標庫；

從所述云端字體圖標庫下載渲染文件到本地服務器；

對所述渲染文件進行歸類和配置；

將本地服務器的靜態資源字體導入所述歸類和配置之后的渲染文件中，得到渲染后的字體圖標。

進一步地，所述在云端服務器創建遠程云端字體圖標庫，包括：

在云端服務器配置字體圖標庫空間，通過提交時標簽定義實現圖標庫文件自動歸類，統一規范命名、配置角色權限、更新和操作機制；

提供在線多文件格式自動轉換字體圖標功能。

進一步地，所述初始化所述云端字體圖標庫，包括：

整理高頻使用的Ps源文件中未柵格化且有路徑點的圖片；

通過在線轉換功能批量將原有圖片進行字體圖標自動轉換；

使用AI工具繪制初始畫布，使用鋼筆工具繪制對應的線性和填充性圖版；

導出字體圖標代碼，輸出使用方法和規范說明書，并提交云端字體圖標庫。

進一步地，所述渲染文件為ttf文件或index文件。

進一步地，對所述渲染文件進行歸類和配置，包括：

將下載的渲染文件放置在fonts文件夾下，與lib文件同級；

在yaml文件中配置并執行pub get。

進一步地，所述將本地服務器的靜態資源字體導入所述歸類和配置之后的渲染文件中，得到渲染后的字體圖標，包括：

整理本地服務器的靜態資源字體：

在所述渲染文件中，導入本地服務器封裝的靜態資源字體，得到渲染后的字體圖標。