繁体   English   中英

如何在布局中将PX转换为DP

[英]How to convert PX into DP in Layout

设计师给了我一个PSD文件,他创建了1080X1920 resolution

他在PSD中定义header高度应为52pxSlider高度应为350px ,依此类推。

在布局中,当我编写layout_height=350dp它占据了很大的高度,并且覆盖了屏幕的一半以上。

我正在使用默认布局来完成此任务。

请指导我如何在DP中相对于PX定义Height

似乎缺少设计师-开发人员流程。 您获得的设计不适用于移动设备(Android或iOS)。 我建议您看一下几个工具,以实现良好的工作流程。

草图

策普林

并且请阅读这篇文章:

DPI设计师指南

在Android中, 您需要使用dps进行工作,并且需要以dps进行设计。 如果您获得以像素为单位的设计,则必须与设计者达成一致,即1px等于1dp,换句话说,设计者基于MDPI进行工作,其中1dp等于1dp。

因此,最简单的方法是设计师需要在360x640像素而不是1080x1920的屏幕上工作。 现在您可以省去将像素转换为dps的麻烦了,因为1px对您来说就是1dp。 对于您的设计师而言,这也将变得更加容易,因为他需要从指南过渡到设计工具,并且不再需要将dps转换为像素。 每次他阅读指南中的48 dps (无处不在)时,他都知道必须在设计工具的360x640画布中将其读取为48像素。

笔记

360x640是dps(Galaxy S5,Nexus 5和许多其他型号)的常见屏幕尺寸,因此现在已经成为参考。 请意识到您的设计师无法为您提供每种设备在每个布局尺寸中每个组件的确切尺寸 因此,工具栏高度(通常为56dp)很容易转换为每个设备,但是您要在其设计中调整的工具栏宽度(如果遵循我的建议为360)对于您完全没有用,因为这取决于实际设备。 Galaxy S5和Nexus 5是360,但Nexus 4是384,而Nexus 6、6P和5X大约是413 .... 实际上还有更多!

仅针对一种设备或一种屏幕尺寸进行设计过于简单和成问题。 请注意,您必须为多窗口开发响应式布局。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM