2014-06-23 16 views
8

Ciao sviluppatori & designer :) Oggi, ho una domanda su come gli sviluppatori Android utilizzano un kit UI, progettato con Photoshop, nella loro applicazione Android? Per esempio, io ho questa UI Kit \ n http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2014/02/0016_ui_kit_2014.jpgCome utilizzare un UI Kit (PSD) in un'applicazione Android

ma non riesco a trovare il modo per metterlo nella mia richiesta, ed esattamente la TextView, come posso fare in interattivo con l'utente ??

Grazie in anticipo.

Grazie StackOverflow :)

+0

Salva i pezzi necessari come PNG e li usa. Non è possibile utilizzare un file PSD così com'è. Si presume che tu sia in grado di lavorare con i layer P/S e cose del genere. Che hai chiaro in mente il canale alfa e che sei a conoscenza di dpi e risoluzioni. –

+1

Innanzitutto grazie Der Golem per la tua risposta. Ma so questo, posso usare PNG e JPG ... ma come renderlo una vista non un'immagine. Intendo una vista interattiva ad esempio quando l'utente fa clic su di essa, viene visualizzata la tastiera e quando scrive sth, può vederlo dalla vista, mi hai preso? – elarib

+1

Perfettamente. Assegna le tue opinioni agli sfondi desiderati. In alcuni casi dovrai utilizzare un ** elenco di stati ** con colori diversi (es .: selezionato/deselezionato, solo per nominare una coppia) per stati diversi. Quindi, a volte dovrai preparare diverse copie delle stesse immagini. Troverai anche utile una lettura approfondita del sistema ** 9 patch **, se già non lo sai. –

risposta

1

Dovete tagliare le parti desiderate da questo UI Kit e poi li usa come formato PNG utilizzando XML. Devi usare Photoshop per tagliare quelle parti dal KIT UI. Solo il formato PNG è supportato nella procedura di sviluppo di app Android.

2

Per utilizzare un PSD (P oto S hop D DOCUMENTO) forma androide, non seguire questa guida:

tl; dr Usa gimp per estrarre i diversi strati in png individuale file, quindi in Android Studio, importa le immagini come disegnabili.

Per estrarre i livelli dal file psd come immagini e quindi creare una cartella di immagini, è necessario aver installato gimp. Da gimp, è necessario installare un plug-in gimp chiamato Export Layers. Lo wiki per la pagina github spiega come eseguire l'estrazione effettiva dei livelli.

Per l'importazione in Android Studio, è necessario installare un plug-in chiamato Android Drawable Importer. Una volta installato il plug-in e riavviato Android Studio, fai clic con il pulsante destro del mouse sulla cartella estraibile ->Nuovo ->Importazione estraibile batch. Da qui, seleziona la cartella che hai ottenuto da gimp e seleziona le opzioni che desideri.


Nota: i nomi dei file immagine possono contenere solo caratteri di parola vale a dire deve corrispondere a questo regex, altrimenti Android Studio non lo accetterà