Share
Creare un'interfaccia utente accattivante per le app Android è quasi sempre un'attività che richiede molto tempo, con il supporto di dozzine di versioni di Android, dimensioni dello schermo e densità dei pixel. Oggigiorno, con sempre più utenti che si aspettano che le app aderiscano alle linee guida del Material Design, il compito è diventato probabilmente ancora più difficile. Fortunatamente, CodeCanyon ha diversi modelli di app Android che puoi utilizzare per avviare subito lo sviluppo della tua prossima app.
In questo tutorial, ti aiuterò a iniziare con uno di questi modelli, chiamato Material Design UI Android Template App, che è stato sviluppato da CreativeForm.
Per poter seguire questo tutorial, avrai bisogno dell'ultima versione di Android Studio e di un dispositivo o emulatore Android con Android 2.3 o versioni successive.
Inizia accedendo al tuo account Envato Market e acquistando il App per il modello Android per la progettazione dei materiali su CodeCanyon.
Ora sarai in grado di trovare il codice sorgente del modello, sotto forma di file ZIP, nel file download sezione.
Dopo aver scaricato il file ZIP ed estratto in una cartella di tua scelta, dovresti avere i seguenti file e cartelle:
Il modello può essere utilizzato sia con Eclipse che con Android Studio. In questo tutorial, tuttavia, concentriamoci solo su quest'ultimo.
Avvia Android Studio e seleziona il Apri un progetto Android Studio esistente opzione nel menu di benvenuto. Passare alla cartella in cui è stato estratto il modello, selezionare Android - AS, e premere ok.
L'app del modello Android per l'interfaccia utente di Material Design dipende da diverse librerie open-source. Il compileSdkVersion di alcune di queste librerie è API Livello 19, che è leggermente più vecchio di quello del modello stesso. Pertanto, per evitare errori di compilazione, è necessario aggiornare le librerie.
Le seguenti sono le librerie che devono essere cambiate:
Apri il build.gradle file di ogni libreria e modificare il valore di compileSdkVersion a 21 in modo che corrisponda al compileSdkVersion del modello.
compileSdkVersion 21
Non dimenticare di premere il tasto Sincronizza ora pulsante dopo aver apportato le modifiche.
A questo punto, puoi andare avanti ed eseguire il modello di app sul tuo dispositivo o emulatore Android. Tuttavia, prima di premere il tasto Correre pulsante, assicurarsi che il UIAppTemplate eseguire la configurazione è selezionata.
Tieni presente che la prima volta che provi a eseguire l'app, potresti riscontrare alcuni errori relativi alla codifica dei caratteri. Gli errori sono presenti in un file chiamato ProgressWheel.java, che appartiene alla biblioteca della Progress Wheel.
Il modo più semplice per correggere gli errori è aprire il file, assicurarsi che la sua codifica sia impostata su UTF-8 e salvarlo.
Una volta completata la compilazione, dovresti essere in grado di vedere la schermata iniziale del modello di app.
Sentiti libero di utilizzare il pannello di navigazione per visualizzare tutti i layout, le animazioni e le visualizzazioni personalizzate disponibili nel modello. Ad esempio, scegliendo Pagina di accesso> Media mostra la seguente schermata.
Ora puoi iniziare a personalizzare l'app del modello Android per l'interfaccia utente di Material Design in base alle tue esigenze. Ha oltre 50 diverse attività, cinque temi e oltre 100 file XML di layout. Ciò significa che puoi costruire la tua prossima app semplicemente selezionando un sottoinsieme di quegli elementi dell'interfaccia utente e associando i tuoi dati e la tua logica di business con esso.
Per saperne di più sul modello, fare riferimento alla documentazione completa che è disponibile nel suo docs cartella.
Envato Market ha centinaia di altri modelli di app per Android tra cui puoi scegliere. Ci sono modelli per giochi e applicazioni complete, oltre a modelli di avvio completi come quello che abbiamo usato in questo post. Dai un'occhiata, e potresti risparmiare un sacco di lavoro sulla tua prossima app per Android.
Accentsconagua