¿Cómo convierto un diseño de PSD a Android xml?

Question

He estado jugando con las aplicaciones de Android en los últimos días y parece que no puedo entender todo el desarrollo de la interfaz de usuario y el diseño.

He estado programando en Java durante el año pasado, así que estoy bastante familiarizado con el idioma y he estado trabajando en el desarrollo de CSS durante un par de años, pero parece que puedo hacer la transición.

Si alguien pudiera indicarme algunos recursos en línea que serían geniales.

Muchas gracias

Answer 1

Es muy simple como la forma en que lo ha hecho para HTML. Todo es lo mismo excepto que tienes que escribir CSS en el xml. Hay cosas que se llaman contenido de ajuste, relleno de padre, etc. Debes usarlos de manera adecuada. por ejemplo, si tiene un botón con un fondo degradado en su PSD, córtelo y use un ImageButton y asigne la imagen rebanada al botón de imagen. Incluso el texto, simplemente obtenga el color, el tamaño ... y busque algo en XML que lo haga. Eche un vistazo al código a continuación.

<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 organizará sus hijos una sola columna o una sola fila. Ahora es una sola columna porque la orientación es vertical. Si lo haces horizontal, entonces es una fila. Del mismo modo, eche un vistazo a RelativeLayout que es similar al posicionamiento relativo en html. Para cambiar el fondo, puede usar android:background="color value here". No hay limitación técnica aquí. Obtendrá relleno y margen también. Simplemente comience con el diseño xml. Hazlo observando el PSD. Estoy seguro de que su experiencia de CSS se tambaleará. Todo lo mejor.