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 设备的屏幕密度基线是中等。因此,一种被推荐的为多种屏幕密度创造图标方式是:
- 首先为基准密度设计图标(看表一为实际的像素尺寸设计的图标)。
- 把图标放在你的应用的默认可绘制资源中,然后在 Android 可视化设备(AVD )或者HVGA 设备如 T-Mobile G1 中运行应用。
- 根据需要测试和调整你的基准图标。
- 当你对在基准密度下创建的图标感到满意的时候,为其他密度创造副本。
- 把基准图标按比例增加为150 %,创造一个高密度版本。
- 把基准图标按比例缩小为75 %,创造一个低密度版本。
- 把图标放入你的应用的特定密度资源目录中。例如:
- 中密度版本在 res/drawable-mdpi/ 目录下运行(或在默认 res/drawable/ 目录下运行)
- 高密度版本在 res/drawable-hdpi/ 目录下运行。
- 高密度版本在res/drawable-ldpi/ 目录下运行。
- 如果需要,测试和调整高密度和低密度的图标。
更多相关文章
- android 自适应屏幕
- Android(安卓)StepView物流进度
- Android:Loading 动画——竜人の剣を喰え
- android 对超大屏幕尺寸的支持
- Android(安卓)app图标总是显示默认的机器人图标,且在manifest文件
- Android如何动态更换桌面图标(巨坑)
- android屏幕的适配
- Android中px dpi dip density densityDpi 的相关说明
- Android动态修改APP图标