font awesome java_Android使用Font Awesome显示小图标(一)
Android中傳統(tǒng)的顯示圖標(biāo)的方式
在平常的開發(fā)中,如果我們需要在界面上顯示某個(gè)小圖標(biāo),比如搜索按鈕,返回按鈕,這時(shí)我們需要美工給我們切對(duì)應(yīng)的png圖片,并放進(jìn)對(duì)應(yīng)的drawable文件夾中,這樣隨著圖標(biāo)的越來越多,APK體積也會(huì)越來越大。
什么是Font Awesome
Font Awesome是一個(gè)專為Bootstrap設(shè)計(jì)的字體文件,我們可以通過向顯示字體一樣方便的顯示我們想要顯示的圖標(biāo)。對(duì)于Android,Font Awesome使用TextView顯示小圖標(biāo),而且無需使用png圖片,只需使用一個(gè)ttf文件,并且在這些字體中的圖片都是矢量圖,是可以放大和縮小的,這就意味著每個(gè)圖標(biāo)都能在所有大小的屏幕上完美呈現(xiàn)。
Font Awesome的優(yōu)點(diǎn)和缺點(diǎn)
優(yōu)點(diǎn)
只需使用一個(gè)ttf文件,無需美工切png圖,大大減小了apk體積,你可以驕傲的對(duì)美工MM說,這些圖標(biāo)都包在我身上了,你只要喝喝咖啡就行了(崇拜的眼光已經(jīng)投過來)。
可以自己設(shè)置顏色,大小。Font Awesome使用TextView顯示圖標(biāo),你可以像設(shè)置字體顏色和大小一樣,設(shè)置這個(gè)圖標(biāo),可以起到很好的適配作用(媽媽再也不用擔(dān)心我的適配問題)。
缺點(diǎn)
圖標(biāo)有限,很難滿足所有的需求,但是可以結(jié)合傳統(tǒng)的切圖方式。
那么重點(diǎn)來了,怎么使用呢
1. 下載Font Awesome,在此雙手奉上下載好的文件fontawesome-webfont.ttf\
2. 把下載后的fontawesome-webfont.ttf放到assets文件夾中(不知道在哪?你可以轉(zhuǎn)行了!)
3. 編寫string.xml,可以在http://fontawesome.io/cheatsheet/#中查看圖標(biāo)對(duì)應(yīng)的字符串(往下拉,你就看到了- -!),添加你想要的圖標(biāo)到string.xml中(你想要添加好的xml?抱歉我沒有!想要哪張自己加唄),如下:
其中name值可以按照自己的命名規(guī)則取名
4. 編寫布局,在TextView中使用該字符串,就可以顯示對(duì)應(yīng)的圖標(biāo)了,如下:
其中android:text引用你要顯示的圖標(biāo)對(duì)應(yīng)的string資源,android:textColor設(shè)置圖標(biāo)顏色,android:textSize設(shè)置圖標(biāo)大小(跟設(shè)置字體大小顏色一樣樣的)。
5. JAVA代碼中引用
首先找到assets中的fontawesome-webfont.ttf,代碼如下:
Typeface font = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");
然后為需要的TextView設(shè)置setTypeface(font)就可以了,代碼如下:
TextView tvIcon= (TextView) findViewById(R.id.tv_icon);
tvIcon.setTypeface(font);
大功告成,最終的效果圖如下:
總結(jié)
以上是生活随笔為你收集整理的font awesome java_Android使用Font Awesome显示小图标(一)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: aws iot 连接时间_AWS IoT
- 下一篇: java filter 返回错误消息_利