一種圖標構(gòu)造方法,及終端設備的制造方法
【技術領域】
[0001] 本發(fā)明涉及計算機技術領域,特別涉及一種圖標構(gòu)造方法,及終端設備。
【背景技術】
[0002] 在原生應用程序(Application,App)中,涉及圖標展示的地方會使用到圖片類的 圖標。圖標W形象化的特性引導用戶進行光管操作,另外還可W作為App的輸入接口使用, 因此圖標在App中有廣泛應用。
[0003]目前App中的圖標使用的圖片是普通圖片,由于不同移動設備有不同分辨率的屏 幕,因此顯示同一個圖標時清晰度不統(tǒng)一。為了適配不同的移動設備W及不同的分辨率,保 證同一圖片圖標在不同分辨率都能夠清晰顯示,在使用圖片圖標時需要針對不同的分辨率 設計不同的尺寸,于是衍生了圖片圖標的兩大缺點:兀余W及設計和制作維護成本較大。
[0004] 舉個實際的例子來說,假設我們要在微信里面使用下面該個圖標user,png;那 么,在I0S(-種移動操作系統(tǒng))設備陣營中,在不考慮最新款手機的情況下,為了兼容不同 版本的手機,每張圖標要切4個圖。在Amlroid(安卓)設備陣營中,分辨率繁多,比I0S更 為復雜,每張圖標要切8個圖。
[0005]因此,使用普通圖片作為應用程序的圖標使用,為了適配不同終端的分辨率,需要 大量兀余的圖片,會使App占用的存儲/傳輸?shù)荣Y源相應增加,而且制作和維護效率低。
【發(fā)明內(nèi)容】
[0006] 本發(fā)明實施例提供了一種圖標構(gòu)造方法,及終端設備,用于提供W矢量圖作為圖 標使用的方案,從而避免兀余圖片,減少App占用的存儲/傳輸?shù)荣Y源,提高制作和維護效 率。
[0007] -種圖標構(gòu)造方法,包括:
[0008] 獲得作為圖標使用的圖標字體,并存儲所述圖標字體;
[0009] 將所述圖標字體配置為可用;
[0010] 在所述應用程序啟動后,調(diào)用所述圖標字體將所述圖標字體顯示為所述應用程序 的圖標。
[0011] 一種終端設備,包括:
[0012] 字體獲取單元,用于獲得作為圖標使用的圖標字體;
[0013] 字體存儲單元,用于存儲所述圖標字體;
[0014] 字體配置單元,用于將所述圖標字體配置為可用;
[0015] 字體調(diào)用單元,用于在所述應用程序啟動后,調(diào)用所述圖標字體將所述圖標字體 顯示為所述應用程序的圖標。
[0016] 從W上技術方案可W看出,本發(fā)明實施例具有W下優(yōu)點:使用圖標字體作為應用 程序的圖標使用,由于圖標字體屬于矢量圖,為適配不同分辨率的終端設備不再需要制作 不同分辨率的圖標,因此可W避免兀余圖片,減少App占用的存儲/傳輸?shù)荣Y源,提高制作 和維護效率。
【附圖說明】
[0017] 為了更清楚地說明本發(fā)明實施例中的技術方案,下面將對實施例描述中所需要使 用的附圖作簡要介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本 領域的普通技術人員來講,在不付出創(chuàng)造性勞動性的前提下,還可W根據(jù)該些附圖獲得其 他的附圖。
[0018] 圖1為本發(fā)明實施例方法流程示意圖;
[0019] 圖2為本發(fā)明實施例圖標示意圖;
[0020] 圖3為本發(fā)明實施例圖標控件示意圖;
[0021] 圖4為本發(fā)明實施例圖標示意圖;
[0022] 圖5為本發(fā)明實施例圖標示意圖;
[0023] 圖6為本發(fā)明實施例終端設備結(jié)構(gòu)示意圖;
[0024] 圖7為本發(fā)明實施例終端設備結(jié)構(gòu)示意圖;
[00巧]圖8為本發(fā)明實施例終端設備結(jié)構(gòu)示意圖;
[0026] 圖9為本發(fā)明實施例終端設備結(jié)構(gòu)示意圖。
【具體實施方式】
[0027] 為了使本發(fā)明的目的、技術方案和優(yōu)點更加清楚,下面將結(jié)合附圖對本發(fā)明作進 一步地詳細描述,顯然,所描述的實施例僅僅是本發(fā)明一部份實施例,而不是全部的實施 例?;诒景l(fā)明中的實施例,本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的 所有其它實施例,都屬于本發(fā)明保護的范圍。
[002引本發(fā)明實施例提供了一種圖標構(gòu)造方法,如圖1所示,包括:
[002引101 ;獲得作為圖標使用的圖標字體,并存儲上述圖標字體;
[0030] 在本發(fā)明實施例中,圖標字體屬于字體文件的一種,由于會被當做圖標使用因此 稱為圖標字體。
[0031] 102 ;將上述圖標字體配置為可用;
[0032] 在本發(fā)明實施例中,配置圖標字體可用的方式可W有很多,用途是告知App可W 調(diào)用該個圖標字體作為圖標使用,具體如下:上述將上述圖標字體配置為可用,包括:在上 述應用程序的文件支持項中增加上述圖標字體的鍵值。
[0033] 103 ;在上述應用程序啟動后,調(diào)用上述圖標字體將上述圖標字體顯示為上述應用 程序的圖標。
[0034] 本發(fā)明實施例,使用圖標字體作為應用程序的圖標使用,由于圖標字體屬于矢量 圖,為適配不同分辨率的終端設備不再需要制作不同分辨率的圖標,因此可W避免兀余圖 片,減少App占用的存儲/傳輸?shù)荣Y源,提高制作和維護效率。
[0035] 在本實施例中,對于不同的操作系統(tǒng)將圖標字體作顯示為圖標的方案會有不同, W下實施例將分別就目前比較主流的手機操作系統(tǒng)為例,對比本發(fā)明實施例作詳細舉例說 明,如下:對于I0S操作系統(tǒng),可W有兩種方案,一種是將圖標字體作為圖標使用,一種是將 圖標字體作為圖片使用;
[0036] 其中,將圖標字體作為圖片使用的方式實現(xiàn),具體如下;上述調(diào)用上述圖標字體將 上述圖標字體顯示為上述應用程序的圖標,包括:
[0037] 將上述應用程序配置為支持引用第H方編程語言寫的庫,上述庫內(nèi)包含上述圖標 字體;并為上述應用程序安裝上述庫;在上述應用程序調(diào)用上述圖標字體時,將上述字體 圖標作為圖片的圖標進行顯示。
[0038] 在本實施例中,對于不同的操作系統(tǒng)將圖標字體作顯示為圖標的方案會有不同, W下實施例將分別就目前比較主流的手機操作系統(tǒng)為例,對比本發(fā)明實施例作詳細舉例說 明,如下:對于Amlroid(安卓)操作系統(tǒng),可W有兩種方案,一種是將圖標字體作為圖標使 用,一種是將圖標字體作為圖片使用;
[0039] 對于Amlroid(安卓)操作系統(tǒng),將圖標字體作為圖片使用的方式實現(xiàn),具體如下: 上述調(diào)用上述圖標字體將上述圖標字體顯示為上述應用程序的圖標,包括:
[0040]啟動圖標字體組件,通過上述圖標字體組件獲得上述圖標字體,然后定義上述圖 標字體的統(tǒng)一編碼及其顯示格式,然后按照上述定義的統(tǒng)一編碼及其顯示格式將上述圖標 字體轉(zhuǎn)換為圖片的圖標進行顯示。
[0041] 在本實施例中,對于不同的操作系統(tǒng)將圖標字體作顯示為圖標的方案會有不同, W下實施例將分別就目前比較主流的手機操作系統(tǒng)為例,對比本發(fā)明實施例作詳細舉例說 明,在W下舉例中,各操作系統(tǒng)均可W將圖標字體作為普通的字體使用來實現(xiàn)原生App的 圖標顯示,具體如下:
[0042] 上述將上述圖標字體配置為可用之后,還包括;將上述圖標字體轉(zhuǎn)換為可供調(diào)用 的字體;
[0043] 上述調(diào)用上述圖標字體將上述圖標字體顯示為上述應用程序的圖標包括;調(diào)用上 述圖標字體,將上述圖標字體作為字體調(diào)用并顯示為上述應用程序的圖標。
[0044] 其中,對于I0S系統(tǒng)而言,將圖標字體作為普通的字體使用來實現(xiàn)原生App的圖標 顯示,具體方案如下:上述將上述圖標字體轉(zhuǎn)換為可供調(diào)用的字體,包括:
[0045]為上述圖標字體添加用戶界面控件,并為上述圖標字體的控件在控制器里面創(chuàng)建 相應的出口連接點并添加相應代碼邏輯。
[004引在I0S系統(tǒng)中,獲得圖標字體的方式可W如下:上述獲得作為圖標使用的圖標字 體,包括:
[0047] 獲得作為圖標使用的矢量圖文件,并將上述矢量圖文件轉(zhuǎn)換為可縮放矢量圖形文 件,然后將上述可縮放矢量圖形文件轉(zhuǎn)換為圖標字體。
[0048] 在I0S系統(tǒng)中,存儲圖標字體的方式可W如下;上述存儲上述圖標字體包括:
[0049] 將上述圖標字體存入上述應用程序的目錄下;為上述應用程序新建標簽應用,并 將上述圖標字體存入上述應用程序的項目的根目錄下。
[0050] 其中,對于Amlroid(安卓)操作系統(tǒng)而言,將圖標字體作為普通的字體使用來實 現(xiàn)原生App的圖標顯示,具體方案如下:上述存儲上述圖標字體包括;將作為圖標使用的字 體文件(TrueTypeFont,ttf)存入系統(tǒng)的資源文件夾作為圖標字體;
[0051] 上述將上述圖標字體轉(zhuǎn)換為可供調(diào)用的字體,包括;為上述圖標字體添加用戶界 面控件,并為上述圖標字體在代碼編輯器中添加相應代碼邏輯,為上述圖標字體創(chuàng)建對應 的字體對象,并設置上述字體對象的屬性。
[0052]W下實施例,將分別就兩種目前比較主流的手機操作系統(tǒng)為例,對比本發(fā)明實施 例作詳細舉例說明。
[0053] 本發(fā)明實施例將使用icon化nt(圖標字體)實現(xiàn)原生App的圖標,iconfont將一 個或多個圖標W字體文件的形式封裝。在網(wǎng)頁中,icon化nt可通過CSSCascading5切16 Sheets,級聯(lián)樣式表)的@font-化ce聲明作為在線字體調(diào)用。在原生App中,iconfont可 W類似系統(tǒng)字體那樣被用戶界面扣serInte計ace,UI)控件調(diào)用。
[0054] -、如何使用iconfont-ios篇
[00巧]在I0S系統(tǒng)中,主要包含兩個部分,第一部