android的圖標資源及其巧用
來自: http://www.jcodecraeer.com//a/anzhuokaifa/androidkaifa/2014/0816/1654.html
對于一個獨立開發者來說,瓶頸往往不是技術而是美工,而美工這部分最重要而程序員又不能解決的是圖標。要找到一套好的圖標資源并非易事。不過相信來自于ionicons.com這個網站的圖標能滿足大部分人的需求。里面包含了常用的android風格的圖標 ios7風格的圖標 以及一些社會化分享圖標,總共500個左右。
你可以去ionicons.com將這些圖標下載下來,然后讓美工切出適合不同分辨率的圖,然后放到自己的資源文件中,你還得為這些資源文件命名,總之管理圖標是一件非常復雜的事情,但是你有沒有想過其實我們可以將這些圖標資源單獨做成一個android項目。
IonIconView 就是這樣一個項目。
它有幾個非常吸引人的優勢:
1.你不需要再切圖了。
2.它可以適應任何大小,只需要為IconView控件指定一個大小值就行了.
3.它可以根據需要變成任何顏色。
4.它提供了某些圖標的動畫效果,如加載圖標。
使用方法:
在xml的根layout中添加屬性:
xmlns:ioniconview="http://schemas.android.com/apk/res-auto"
然后再需要使用某個圖標的地方添加:
<be.webelite.ion.IconView android:layout_width="wrap_content" android:layout_height="wrap_content" ioniconview:name="ion_ionic" <!-- this sets the icon --> android:textSize="40dp" <!-- this sets the icon size --> android:textColor="#ff0000" <!-- this sets the icon color --> />
其中oniconview:name=
"ion_ionic"
就是指定要顯示的是什么圖標,name的值這里是ion_ionic
,你可以在庫文件的枚舉類Icon中選擇一個。
下面是我用其提供的的么稍微修改得到的界面截圖:
原理:
其實從IconView
的使用方法中你可以看到textSize這樣的屬性,這是因為IconView
其實就是一個自定義的TextView。而oniconview:name=
"ion_ionic"
的作用相當調用了TextView的setText方法,不過IonIconView項目將那些圖標資源做成了字體文件ionicons.ttffang到raw目錄。 既然是一個TextView 我們當然可以隨意改變大小,隨意改變顏色了。
最后再推薦一些圖標資源網站:
-
http://iconsparadise.com/ 質量一般,但也是一種選擇
-
http://iconbench.com/ 在線產生一些小圖標
-
http://www.androidicons.com/ 圖標質量很不錯,但是要付費($25刀),如果有想合買的可以聯系我~
-
https://code.google.com/p/android-ui-utils/ 用來在線生成符合Android Design風格的設計圖標。 項目地址
-
http://www.flaticon.com/ 高質量矢量圖,推薦之~
-
http://subtlepatterns.com/ 背景素材集合
-
Android-Iconify:一個將AweomeICON和Android結合起來的項目,推薦。