导航抽屉标题的背景图像尺寸答案

【问题标题】：Background image dimension for Navigation Drawer header导航抽屉标题的背景图像尺寸
【发布时间】：2015-07-19 10:09:42
【问题描述】：

基本上，我喜欢 Jonathan Lee 先生在 google 官方链接 http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content 中用于 Navigation Drawer 标题背景的背景

所以我想重现受此启发的类似内容。我相信我需要在 Photoshop 中进行类似的设计并将其设置为背景图像。但问题是，尺寸和像素应该是多少才能匹配不同类型的设备？

上面的链接有关于图标和边距的指南，但我没有看到该背景提到的任何尺寸。

有没有人有任何想法或链接可以提供帮助？

【问题讨论】：

在 MaterialNavigationDrawer 库中，这是@dimen/userSpace（164dp 用于 pre-v21，164+24（状态栏）= 188dp 用于 v21 及更高版本）。我不知道这个维度是如何计算的。也许查看您提供的链接上的图像并计算与给定尺寸相对应的高度 - 例如状态栏）github.com/neokree/MaterialNavigationDrawer/blob/master/…

【解决方案1】：

我建议使用 adobe illustrator，因为它非常适合 ui 设计。大多数移动设备/平板电脑的宽度从 320 像素到 1080 像素不等，并且随着新手机/平板电脑的发布仍在增加。可缩放矢量图形非常适合制作 ui 布局原型。

【讨论】：

【解决方案2】：

宽度为：

手机：

宽度 = 屏幕宽度 - 56 dp

最大宽度：320dp

最大宽度仅在使用左侧导航时适用。使用右侧面板时，面板可以覆盖整个屏幕宽度。

高度由您想要的图像的纵横比决定：

大概 16:9

【讨论】：

【解决方案3】：

解压了一个APK，这是我发现的-

mdpi- 宽度=384 像素高度=216 像素 hdpi- 宽度=576 像素高度=324 像素 xhdpi- 宽度=768 像素高度=432 像素 xxhdpi- 宽度=1152 像素高度=648 像素

图片来源=Google 的报亭应用，工具=Adobe photoshop 7.0

【讨论】：