iconfont取代imageView来展示图标

×î½üÔÚtmall ·¢ÏÖʹÓõÄͼ±êÈ«²¿Ê¹ÓõÄÊÇicon font¼¼Êõ£¬Õâ¸öͦºÃÓõģ¬ÒòΪÎÒÃÇÔÚʹÓÃСͼ±êµÄʱºò¿ªÒ»¸öImageviewµÄ»°ÆäʵºÜÀË·Ñ¿Õ¼äµÄ£¬ÓÈÆäÊǵ±ÓдóÁ¿Ð¡Í¼Æ¬£¨icon£©Ö®ÀàµÄͼƬʹÓÃiconfontÊÇ×îºÃµÄÑ¡Ôñ£¬ÎÒ¿´ÁËһϴó¸Å¿ÉÒÔ½ÚÊ¡Èý·ÖÖ®Ò»µÄÄڴ棬Æä´ÎËüÊÇÒ»¸öʸÁ¿Í¼£¬ËùÒÔÔÚÊÖ»úÉÏÏÔʾµÄЧ¹û·Ç³£°ô£¬¼¸ºõûÓпÅÁ£¸Ð¡£¶øÇÒ´ó¼Ò²»¾õµÃ°ÑÒ»¸ö¸öµÄСͼƬ·Åµ½drawableÎļþ¼ÐÀïÃæºÜÂé·³µÄÂð£¿ÄǾÍÊÔÒ»ÊÔÓÃicon Font°É¡£

Ê×ÏÈ£¬È¥°¢Àï°Í°ÍµÄʸÁ¿Í¼¿âÏÂÔØÒ»¸öͼ±ê.ttfÎļþ,ÀïÃ漸ºõÄÒÀ¨ÄãµÄËùÓÐÐèÇóµÄͼ±ê¡£ÍøÖ·ÈçÏ£ºhttp://www.iconfont.cn/repositories/60 Èç¹ûûÓÐ×¢²áµÄ»°×¢²áÒ»¸ö°É¡£u will like it

°ÑÊó±ê·Åµ½Ã¿Ò»¸öiconÉÏÈ¥ºó¿ÉÒÔ¿´µ½Ò»¸ö¹ºÎï³µ£¬°ÑËü·Åµ½¹ºÎï³µÀïÃæÈ¥£¬¿ÉÒÔÒ»Ö±Ìí¼ÓÄãÐèÒªµÄ£¬Ñ¡ÔñÍê±ÏÔÚÓÒÉϽǵĹºÎï³µÀïÃæ¿ÉÒÔ¿´µ½ÄãµÄÑ¡Ôñ£¬È»ºóÑ¡Ôñ¡°´æ´¢ÎªÏîÄ¿¡±,×Ô¼º½¨Á¢Ò»¸öÎļþÃû£¬½Ó×ÅÔÚÌøתºóµÄÒ³ÃæÖÐÏÂÔØÏÂÀ´£¬È»ºóÎÒÃÇÖ»ÐèÒªÆäÖÐÒÔ ttfΪ½áβµÄÎļþ¡£

ÏÖÔÚÎÒÃǾͻص½ÏîÄ¿ÖÐȥʹÓÃÕâ¸öÎļþ°É¡£

Èç¹ûÊÇʹÓÃAndroidStudioµÄͬѧ¿ÉÒÔÏÈÇе½Project״̬Ï£¬´ò¿ªapp/main ¿´µ½ÁËÒ»¸öres°üÉÏÃæÓÐÈýÌõ»ÆÉ«µÄ¸Ü¸Ü£¬Õâ¾ÍÊÇ´ú±íËüÊÇÒ»¸ö×ÊÔ´ÀàÎļþ°ü£¬ÎÒÃÇÐèÒª´´½¨Ò»¸öassets(new a  Directory)°üרÃÅÓÃÀ´´æ·ÅttfÎļþ£¬¶øÈç¹ûÊÇeclipseµÄ»°ÏîÄ¿Ó¦¸ÃÊÇ×Ô¶¯´´½¨ÁËÒ»¸öassets¿ÕÎļþ¼Ð°É£¿Èç¹ûûÓеĻ°ÄÇô¾ÍÊÖ¶¯´´½¨Ò»¸ö°É¡£ÊǸúres´¦ÔÚͬһ¸ö·¾¶Ïµġ£

°ÑÎÒÃÇÉú³ÉµÄttfÎļþ´æ½øÈ¥£¬È»ºó¾ÍÊÇÒª¿ªÊ¼Ê¹ÓÃËüÁË¡£

ÎÒÃÇÏȳ¢ÊÔ°ÑÕâ¸öttfÎļþÓ¦Óõ½TextViewÀïÃæÈ¥£¬Ò²¾ÍÊÇ°ÑÕâ¸öiconµ±³ÉÒ»¸ö¡±string"×ÊԴʹÓÃtextViewµÄ android:textÊôÐÔ°ÑÕâ¸öiconÏÔʾ³öÀ´¡£

  1. ÔÚMainActivity.javaÎļþÖаÑttfÎļþºÍÏîÄ¿½áºÏÆðÀ´£º´úÂëºÜ¼òµ¥£º
Typeface typeface = Typeface.createFromAsset(getAssets(), "iconfont.ttf¡±);

×¢ÒâcreateFromAssetº¯ÊýµÚ¶þ¸ö²ÎÊýÊÇÒ»¸öpath string,ÀýÈçÎÒ°ÑÎÒµÄconfrontÎļþ·Åµ½ÁËassetsϵģ¬ÄÇôÕâ¸öpath string¾ÍÖ±½Óдconfront.ttf¾Í¿ÉÒÔÁË¡£ÏµÍ³»á×Ô¶¯ÕÒµ½Õâ¸öÎļþµÄ¡£      

½Ó×Ų¼¾ÖÎļþÖÐдһ¸öTextView¿Ø¼þ£¬ÊôÐÔÈçÏ£º

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iconfont1"
    android:text="¡±/>

´ó¼ÒÔËÐÐÏÂÊDz»ÊǾͿÉÒÔ¿´µ½Õâ¸öiconÁËÄØ£¿

ÄÇô¿Ï¶¨´ó¼ÒºÜºÃÆæΪʲôÔÚTextViewÖеÄandroid:text="¡±ÊÇʲôÒâ˼ÄØ

ÆäʵÊÇÕâÑùµÄ£¬ÎÒÃÇÏÂÔصÄttfÎļþ¾ÍÊÇÒ»¸öÓ³Éä±í£¬Ìṩ¸øÎÒÃǵÄÊÇÒ»¸öµØÖ·µÄstring,ÄÇÄã¿Ï¶¨»áÎÊÕâ¸östringÎÒÃÇÊÇÔõôȷ¶¨µÄÄØ£¿ÎÒÃǻص½µ±³õÏÂÔصÄÒ³ÃæÄÇÀïÈ¥¿´¿´ÄÄÀïÊÇ·ñ¿ÉÒÔÕÒµ½Õâ¸öÊôÐÔÄØ£¿

Ô­À´Õâ¸öµØÖ·×Ö·û´®ÔÚÎÒÃÇÏÂÔصÄʱºò¾ÍÒѾ­¸øÎÒÃÇÁË£¬ËùÒÔÿ´ÎÒªÓÃÄĸöiconµÄ»°Ö±½ÓÒûÓÃÕâ¸ö×Ö·û´®¾Í¿ÉÒÔÁË£¬¼ÇסºóÃæµÄ·ÖºÅ²»Äܵô£¬ÒòΪÕâ¸ö¾ÍÏ൱ÓÚÓ³Éä±íÀïÃæµÄkey£¬Èç¹û²»Ò»ÖµĻ°¾ÍÎÞ·¨ÕÒµ½¶ÔÓ¦µÄiconµÄàÞ¡£

ÉÏÃ滹ÊDZȽϼòµ¥µÄÓ÷¨£¬Ó¦¸¶¼òµ¥µÄÐèÇó»¹ÊÇokµÄ£¬ÄãÏëѽ£¬Èç¹ûÄãÐèÒª´óÁ¿µÄicon²»ÐèÒªÒ»¸ö¸öµÄ´æµ½drawableÎļþ¼ÐÏ£¬¶øÊÇÈ«²¿·â×°µ½ÁËttfÎļþÀïÃæÈ¥ÁË¡£ÏԵüò½à¶àÀ²¡£

µ±È»»¹»áÓÐÆäËûµÄÐèÇ󣬱ÈÈç˵ºÜ¶àiconÏ·½ÏëÒªÓÐÒ»¸ötextÌáʾÕâ¸öiconʱ¸ÉÂïÓõģ¬ÒÔ¼°µã»÷Õâ¸öicon»áÖ¸¶¨ÌøתÖƶ¨µÄactivityÈ¥£¬Õâ¸ö¶¼¿ÉÒÔʹÓÃ×Ô¶¨ÒåÒ»¸öTextView£¬°ÑÕâ¸öÐèÇóÈ«²¿¶¼¼¯Öе½Ò»¸öIconFont¿Ø¼þÖÐÈ¥¡£¶øÿ´ÎÐèÒªÒýÓÃÒ»¸öicon µÄʱºò£¬Ö»ÐèÒªÔÚxmlÎļþÖÐʹÓñêÇ©Ò»¸ö¸öÒýÈ룬Èç¹ûÐèÒªÎå¸öiconµÄ»°ÔÚxmlÏÂÎåÐдúÂë¾Í¿ÉÒԸ㶨£¬¶øÇÒÔÚactivityÖл¹²»ÐèÒªÒ»¸ö¸öµÄÈ¥findViewById  Ò»¸ö¸öµÄsetOnclickListenerÁË£¬·½±ãºÜ¶à¡£

Èç¹û´ó¼Ò¾õµÃÐèÒªÓõ½×Ô¶¨Òåiconfont¿Ø¼þµÄ»°ÎÒÍíÒ»µã·â×°Ò»¸öºÃµÄ¿Ø¼þ¸ø´ó¼Ò²Î¿¼¡£

ôôડ«