ÇÐͼ¹æ·¶£º
IOS: @X1ÒѲ»Óÿ¼ÂÇ
@X2 @X3Á½Ì×ÇÐͼ
Android£º Ò»°ãʹÓà XHdpi (720*1280) ÇÐͼ½øÐÐÉÏϼæÈÝ£¬¼´¿ÉÂú×ãÒ»°ã¿ª·¢¡£
¹æ·¶ÇÐͼ£¨Mdpi Hdpi Xhdpi XXHdpi£©£º
4Ì× ¿ª·¢µ¥Î» dp ÊǾàÀë spÊÇ×ÖÌå´óС £¨ÒÔ160dpiΪ»ù×¼£©
dp»òdip É豸¶ÀÁ¢ÏñËØ(device independent pixels)
˵Ã÷£ºdpºÍÏñËØµÄÃܶȱÈÖµÓйأºdp * ÃܶȱÈÖµ = px £¬¹Ê¾ßÓÐ×Ô¶¯ÊÊÓ¦ÆÁÄ»µÄЧ¹û
³£¼ûµÄÃܶȱÈÖµ:
240*320 µÄÃܶȱÈÖµ£¨±ÈÂÊ£©ÊÇ: 0.75 160dp * 0.75 = 120px
320*480 µÄÃܶȱÈÖµÊÇ: 1.0 160dp * 1.0 = 160px
480*800 µÄÃܶȱÈÖµÊÇ: 1.5 160dp * 1.5 = 240px
sp ±ÈÀýÏñËØ(scaled pixels — best for text size)
˵Ã÷£ºÓÃÓÚ´¦Àí×ÖÌåµÄ´óС£¬¿ÉÒÔ¸ù¾ÝÓû§ÏµÍ³µÄ×ÖÌå×Ô¶¯ÊÊÓ¦
¡¾×¢¡¿ÎªÁËÊÊÓ¦²»Í¬µÄ·Ö±æÂÊ£¬²»Í¬µÄÏñËØÃܶȣ¬ÍƼöʹÓÃdp£¬ÎÄ×ÖʹÓÃsp
¸ñʽ¹æ·¶£º
.png-24 IOSÍÆ¼ö¸ñʽ
.GIF Ö§³Ö͸Ã÷µ«»á³öÏÖ¾â³Ý 256ɫ֧³Öµ¥É«£¬¼ÓÔØ½Ï¿ì¡£
.jpg ѹËõ¸ñʽ
ÃüÃû¹æ·¶£º
.banner@2X
App_
×ÖÌ广·¶
IOS:
STHeiti-Light.ttc ºÍ STHeiti-Medium ÖÐÎÄ×ÖÌå
H_Helvetica.ttc ºÍ _H_HelveticaNeue Ó¢ÎÄÒÔ¼°Êý×Ö×ÖÌå
LockClock ´ú±íµÄÊÇËøÆÁʱ¼ä×ÖÌå
Android :
Clockopia ϵͳĬÈÏ´ý»úʱÖÓ×ÖÌå
DroidSans ϵͳĬÈÏÓ¢ÎÄ×ÖÌå
DroidSans-Bold ϵͳĬÈÏÓ¢ÎÄ´Ö×ÖÌå
DroidSansFallback ϵͳĬÈÏÖÐÎÄ×ÖÌå
×ֺŹ淶
IOS:
Android:
±ê×¢¹æ·¶£º
MarkMan ±ê×¢¹¤¾ß£¬¶ÔÉè¼ÆÍ¼½øÐбê×¢£¡
±¾ÎİæÈ¨¹éÀÖÓã²¥¿ÍUIÅàѵ
ѧԺËùÓУ¬»¶Ó×ªÔØ£¬×ªÔØÇë×¢Ã÷×÷Õß³ö´¦¡£Ð»Ð»£¡
×÷ÕߣºÀÖÓã²¥¿ÍUIÅàѵѧԺ
Ê×·¢£ºhttp://www.itcast.cn/ui