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

Question

在过去的几天里,我一直在玩Android应用程序,似乎无法理解整个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体验会摇滚.祝一切顺利.