一種圖標(biāo)構(gòu)造方法,及終端設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別涉及一種圖標(biāo)構(gòu)造方法，及終端設(shè)備。
【背景技術(shù)】
[0002] 在原生應(yīng)用程序（Application,App)中，涉及圖標(biāo)展示的地方會(huì)使用到圖片類的 圖標(biāo)。圖標(biāo)W形象化的特性引導(dǎo)用戶進(jìn)行光管操作，另外還可W作為App的輸入接口使用， 因此圖標(biāo)在App中有廣泛應(yīng)用。
[0003]目前App中的圖標(biāo)使用的圖片是普通圖片，由于不同移動(dòng)設(shè)備有不同分辨率的屏 幕，因此顯示同一個(gè)圖標(biāo)時(shí)清晰度不統(tǒng)一。為了適配不同的移動(dòng)設(shè)備W及不同的分辨率，保 證同一圖片圖標(biāo)在不同分辨率都能夠清晰顯示，在使用圖片圖標(biāo)時(shí)需要針對(duì)不同的分辨率 設(shè)計(jì)不同的尺寸，于是衍生了圖片圖標(biāo)的兩大缺點(diǎn)：兀余W及設(shè)計(jì)和制作維護(hù)成本較大。
[0004] 舉個(gè)實(shí)際的例子來(lái)說(shuō)，假設(shè)我們要在微信里面使用下面該個(gè)圖標(biāo)user,png;那 么，在I0S(-種移動(dòng)操作系統(tǒng)）設(shè)備陣營(yíng)中，在不考慮最新款手機(jī)的情況下，為了兼容不同 版本的手機(jī)，每張圖標(biāo)要切4個(gè)圖。在Amlroid(安卓）設(shè)備陣營(yíng)中，分辨率繁多，比I0S更 為復(fù)雜，每張圖標(biāo)要切8個(gè)圖。
[0005]因此，使用普通圖片作為應(yīng)用程序的圖標(biāo)使用，為了適配不同終端的分辨率，需要 大量兀余的圖片，會(huì)使App占用的存儲(chǔ)/傳輸?shù)荣Y源相應(yīng)增加，而且制作和維護(hù)效率低。

【發(fā)明內(nèi)容】

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