android UI设计的小技巧

<!-- [if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:PunctuationKerning/> <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing> <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:Compatibility> <w:SpaceForUL/> <w:BalanceSingleByteDoubleByteWidth/> <w:DoNotLeaveBackslashAlone/> <w:ULTrailSpace/> <w:DoNotExpandShiftReturn/> <w:AdjustLineHeightInTable/> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:UseFELayout/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!-- [if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" LatentStyleCount="156"> </w:LatentStyles> </xml><![endif]--><!-- [if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} table.MsoTableGrid {mso-style-name:网格型; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; border:solid windowtext 1.0pt; mso-border-alt:solid windowtext .5pt; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-border-insideh:.5pt solid windowtext; mso-border-insidev:.5pt solid windowtext; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; text-align:justify; text-justify:inter-ideograph; mso-pagination:none; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]-->

Android 手机上各种屏幕的分辨率大致有以下几种主流的：

 

屏幕统称	分辨率	比例
WVGA	800*480	5:3
HVGA	480*320	3:2
QVGA	320*240	4:3

 

Android 图标在各屏幕下的大小设置：

 

图标所在位置	QVGA （ ldpi ）	HVGA （ mdpi ）	WVGA （ hdpi ）
系统桌面	36*36	48*48	72*72
系统菜单	36*36	48*48	72*72
状态栏	24*24	32*32	48*48
标签	24*24	32*32	48*48
对话框上	24*24	32*32	48*48
列表视图	24*24	32*32	48*48

 

Android 设备的屏幕密度基线是中等。因此，一种被推荐的为多种屏幕密度创造图标方式是：

1. 首先为基准密度设计图标（看表一为实际的像素尺寸设计的图标）。
2. 把图标放在你的应用的默认可绘制资源中，然后在 Android 可视化设备（AVD ）或者HVGA 设备如 T-Mobile G1 中运行应用。
3. 根据需要测试和调整你的基准图标。
4.   当你对在基准密度下创建的图标感到满意的时候，为其他密度创造副本。
   •   把基准图标按比例增加为150 ％，创造一个高密度版本。
   •   把基准图标按比例缩小为75 ％，创造一个低密度版本。
5.   把图标放入你的应用的特定密度资源目录中。例如：
   •   中密度版本在 res/drawable-mdpi/ 目录下运行（或在默认 res/drawable/ 目录下运行）
   •   高密度版本在 res/drawable-hdpi/ 目录下运行。
   •   高密度版本在res/drawable-ldpi/ 目录下运行。
6. 如果需要，测试和调整高密度和低密度的图标。