如何根据 Adob​​e Xd 文件参考设计 Android UI xml 文件？

Question

我是 android 的新手。我正在做一个项目，作为 UI 参考，我有 adobe xd design。给我的任务是我必须设计 activity xml 与 adobe 屏幕设计相同。在 adobe xd 文件中，测量值以像素为单位。但是在 android 中，我们使用的是 dp（依赖独立像素）。如何在 android 中设计具有相同测量值但 dp 中没有正确测量值的相同屏幕？

我的问题是如何根据 adobe xd 示例设计 xml 布局？

Answer 1

您可以使用库在不同尺寸的设备上处理您的 UI。

尝试使用 SDP 库。有关更多信息和用法，您可以查看 here

将此添加到您的 Gradle 以使用 SDP 库。

dependencies {
  implementation 'com.intuit.sdp:sdp-android:1.0.6'
}

并且在您的布局中使用 spd 而不是 dp。所以它会像 Adode 设计的像素测量值一样匹配任何设备屏幕尺寸。

而不是

android:layout_width="35dp"

使用

android:layout_width="@dimen/_35sdp"

如果您有任何问题，请告诉我。