针对不同屏幕尺寸和不同密度的Android UI(布局+资源)

时间:2014-07-21 06:41:46

标签: android android-layout android-ui

首先,我已经看到了SO上所有可用的答案,但无法完全我想问的问题,因此我在这里写这个问题,它也可能对其他人有帮助。

我所知道的

为了支持多个densties,我们应该考虑以下内容在drawable文件夹中提供不同的资源(图像),

ldpi    :  0.75x
mdpi    :  1x
hdpi    :  1.5x
xhdpi   :  2x
xxhdpi  :  3x
xxxhdpi :  4x

例如,如果我们在mdpi中有一个大小为100X100像素的图像,那么其他代表的图标大小将是,

ldpi    :   75X75 px
mdpi    :   100X100 px
hdpi    :   150X150 px
xhdpi   :   200X200 px
xxhdpi  :   300X300 px
xxxhdpi :   400X400 px

我的问题:

  1. 由于在一个密度中可以有多个屏幕分辨率,那么在设计图标时,假设mdpi应该考虑哪个分辨率?假设设计师在Photoshop中创建了屏幕然后会给出图标的剪切,那么应该考虑来自mdpi的屏幕分辨率?

  2. 在具有相同密度的所有屏幕分辨率上将显示相同的图像。例如,就像我们在hdpi中有480X600到1920X1200的分辨率一样,那么这两个分辨率会显示相同的图像吗?它在1920X1200分辨率下看起来不是很小而不是480X600吗?

  3. 如果我们想设计一个适合所有屏幕尺寸的自定义背景图片,该怎么办?对于同样的方法应该是什么?假设我们想为hdpi设计一个背景图像,那么我们应该为它设计一个分辨率? (480X600或1920X1200)。我认为它不适合所有屏幕尺寸。

  4. 什么应该是让设计独立于分辨率的更好方法?

  5. 设计师在这里做的是,选择分辨率,在该分辨率下设计整个应用程序屏幕,剪切/切片psd以获取图标。但是这种设计依赖于分辨率,在其他分辨率的其他屏幕上效果不佳。什么应该是独立实现屏幕分辨率的最佳方式。

  6. 任何机构都知道为Android创建独立于分辨率的UI的良好解决方案吗?

    感谢。

2 个答案:

答案 0 :(得分:2)

根据我的经验,我学到的是,

  1. 电话

    hdpi - 480 x 800
    xhdpi - 768 x 1280
    xxhdpi - 1080 x 1920
    xxxhdpi - 1440 x 2560
    

    表     large-mdpi - 600 x 1024     xlarge-mdpi - 800 x 1280

  2. 对于平板电脑设计不同的剪纸。

  3. 为您要支持的所有分辨率创建它。
  4. 为每个类别获取最着名分辨率的剪裁。
  5. 获取每个类别的一个分辨率和平板电脑的不同剪切图像的剪切。

答案 1 :(得分:0)

我在这里回答你的前三个问题。见下文:

  1. 设计mdpi图标时,应考虑320x480 mdpi分辨率作为基本标准。根据这个,你可以调整不同屏幕分辨率的图像。

  2. 如果您将mdpi视为您的UI基线,那么您需要根据0.75x:1x:1.5x:2x:3x调整图像大小:4x此场景/标准

  3. 设计背景图片,需要480x800 hdpi图片大小。因为大多数hdpi设备的尺寸为480x800。