Come posso convertire un design PSD in Android xml?

Question

Ho giocato con le app Android negli ultimi due giorni e non riesco a capire l'intera interfaccia utente e lo sviluppo del layout.

Sono stato a programmare in Java per l'anno scorso, quindi sono abbastanza familiarizzato con il linguaggio e sono stato front-end in sviluppo in CSS per un paio d'anni, ma posso sembrare di fare la transizione.

Se qualcuno potesse indicarmi alcune risorse online sarebbe grandioso.

Grazie mille

Answer 1

E 'davvero semplice come il modo in cui l'avete fatto per HTML. Tutto è lo stesso eccetto che devi scrivere CSS in xml. Ci sono cose chiamate wrap content, fill parent e così via. Dovresti usarli in modo appropriato. per esempio se hai un pulsante con uno sfondo sfumato nel tuo PSD, quindi affettalo e usa un ImageButton e assegna l'immagine tagliata al pulsante dell'immagine. Anche il testo, prendi solo il colore, la dimensione ... e cerca qualcosa in XML che lo faccia. Dai un'occhiata al codice qui sotto.

<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 organizza i suoi figli colonna singola o una riga singola. Ora è una singola colonna perché l'orientamento è verticale. Se lo fai in orizzontale, è una riga. Allo stesso modo, dai un'occhiata a RelativeLayout che è simile al posizionamento relativo in html. Per cambiare lo sfondo puoi usare android:background="color value here". Non ci sono limitazioni tecniche qui. Otterrete imbottitura e margine pure. Inizia con il layout xml. Fatelo osservando il PSD. Sono sicuro che la tua esperienza con i CSS si scatenerà. Ti auguro il meglio.