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

时间:2012-09-11 04:26:48

标签: android xml themes

过去几天我一直在玩Android应用程序,似乎无法理解整个UI和布局开发。

过去一年我一直在使用Java编程,所以我对这门语言非常熟悉,而且我已经在CSS中开发了几年,但是我似乎可以进行过渡。

如果有人能指出一些很棒的在线资源。

非常感谢

1 个答案:

答案 0 :(得分:8)

您为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体验会摇滚。一切顺利。