【问题标题】:What sizes should an Image in an navigation drawer be?导航抽屉中的图像应该是什么尺寸?
【发布时间】:2015-03-22 23:44:25
【问题描述】:

导航抽屉中每种手机尺寸(HDPI、MDPI、XHDPI、XXHDPI)的图像应该是什么尺寸,例如one

【问题讨论】:

  • 你说的是哪张图片?

标签: android navigation-drawer image-size


【解决方案1】:

应该是 24dp。参考导航抽屉的材料设计规范中的图像。

有关导航抽屉的完整规范,请查看此链接http://www.google.com/design/spec/patterns/navigation-drawer.html

【讨论】:

  • 该页面上的哪个位置说图标应该是 24dp?
【解决方案2】:

您可能希望自动生成图标(为您提供合适的尺寸)。

Android Asset Studio

只需从他们的收藏中选择您想要的图标(或上传您自己的图标),然后选择参数(颜色等)以匹配您的项目,然后下载..

您可能会想要这种风格的图标:Action bar and tab icons

【讨论】:

    【解决方案3】:

    根据Google I/O 2015 App source code,应该是40dp

    你可以在这里查看:

    https://github.com/google/iosched/blob/master/android/src/main/res/layout/navdrawer.xml

    第 72 和 73 行。您将看到:

    android:layout_width="@dimen/navdrawer_profile_image_size"
    android:layout_height="@dimen/navdrawer_profile_image_size"
    

    并且,在 dimens.xml 文件 (https://github.com/google/iosched/blob/master/android/src/main/res/values/dimens.xml) 的第 136 行,您将能够检查到 dimen 值是:

    <dimen name="navdrawer_profile_image_size">40dp</dimen>
    

    我个人认为它的尺寸完美。如果我没记错的话,它与 Gmail 应用程序中使用的相同。

    编辑:

    我尝试过获得与 Google I/O 应用程序相同的大小,即使使用它们的精确尺寸变量也是如此。

    因此,我按照 Google 规范 (https://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs) 的规则创建并测量了尺寸,并且实现了与 Gmail 和 Google I/O 应用程序非常相似的尺寸:

    希望这会有所帮助,

    【讨论】:

    • Google 确实搞砸了导航视图。甚至他们自己的应用程序也不遵循他们的指导方针。以 Gmail 为例,导航视图的高度为 170dp,而官方指南(即使在 Android Studio 中)也显示为 160dp。 Gmail 中的用户图片(我认为)至少为 80dp。
    【解决方案4】:

    如果您在 Photoshop 或类似软件中进行设计并且需要以像素为单位工作,则导航抽屉图像的比例应为 16:9

    在 xxxhdpi 文件夹中,它应该是 1216 x 688(像素)

    【讨论】:

      【解决方案5】:

      尺寸应基于使用低于图标尺寸的设备尺寸。

      mdpi:24 x 24 像素

      hdpi:36 x 36 像素

      xhdpi : 48 x 48 像素

      它将根据设备尺寸进行调整。

      【讨论】:

        猜你喜欢
        • 2015-07-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-05-11
        • 1970-01-01
        相关资源
        最近更新 更多