android - 如何将 PSD 设计转换为 Android xml？

Question

在过去的几天里，我一直在玩弄安卓应用程序，似乎无法理解整个 UI 和布局开发。

过去一年我一直在用 Java 编程，所以我对这种语言相当熟悉，而且我已经用 CSS 进行前端开发几年了，但我似乎可以进行过渡。

如果有人可以向我指出一些很棒的在线资源。

非常感谢

Answer 1

它真的很简单，就像您为 HTML 所做的那样。除了您必须在 xml 中编写 CSS 之外，一切都相同。有一些东西叫做包装内容，填充父母等等。您应该以适当的方式使用它们。例如，如果您的 PSD 中有一个带有渐变背景的按钮，则对其进行切片并使用 ImageButton 并将切片图像分配给图像按钮。即使是文本，也只需获取颜色、大小……然后在 XML 中寻找可以做到这一点的东西。看看下面的代码。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent" 
              android:layout_height="fill_parent" 
              android:orientation="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Hello, I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello, I am a Button" />
</LinearLayout>

LinearLayout 将排列其子级单列或单行。现在它是一列，因为方向是垂直的。如果你水平做，那么它是一排。同样，看看RelativeLayout，它类似于html中的相对定位。要更改背景，您可以使用android:background="color value here". 这里没有技术限制。您还将获得填充和边距。只需从 xml 布局开始。通过观察 PSD 来做到这一点。我相信你的 CSS 体验会很震撼。一切顺利。