导航抽屉标题的背景图像尺寸 [英] Background image dimension for Navigation Drawer header

问题描述

基本上我喜欢Jonathan Lee先生用于谷歌官方链接导航抽屉标题背景的背景 http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

所以我想重现一下类似的东西。我相信我需要在Photoshop中制作一个类似的设计，并将其设置为背景图片。但问题是，尺寸和像素应该是什么，以便它匹配不同类型的设备？

上面的链接提供了图标和边距的准则， t

有人有任何想法或链接可以帮助吗？

手机：

宽度=屏幕宽度-56 dp

最大宽度：320dp

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

http://www.google.com/design/spec/layout/structure.html#structure -bat-nav

身高由您想要的图片的宽高比决定：

http://www.google。 com / design / spec / layout / metrics-keylines.html＃metrics-keylines-ratio-keylines

可能是16：9

Basically I liked the background used by Mr. Jonathan Lee for Navigation Drawer header back ground in google official link http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

So I wanted to reproduce something similar inspired by that. I believe that I need to make a similar design in photoshop and set it as the background image. But the question is, what should be the dimensions and pixels so that it matches different kind of devices?

The above link has guidelines for icons and margins, but I haven't seen any dimensions mentioned for that background.

Does anybody have any idea or link that can help?

解决方案

Width is:

Mobile:

Width = Screen width − 56 dp

Maximum width: 320dp

Maximum width applies only when using a side nav on the left. When using a panel on the right, the panel can cover the full width of the screen.

http://www.google.com/design/spec/layout/structure.html#structure-side-nav

Height is determined by the aspect ratio of the image you want:

http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-ratio-keylines

Probably 16:9

这篇关于导航抽屉标题的背景图像尺寸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！