Share
Å skape et attraktivt brukergrensesnitt for Android-apper er nesten alltid en tidkrevende oppgave, hva med å støtte dusinvis av Android-versjoner, skjermstørrelser og pikseldensiteter. I disse dager, med flere og flere brukere som forventer at appene overholder retningslinjene for Material Design, har oppgaven uten tvil blitt enda vanskeligere. Heldigvis har CodeCanyon flere Android-appmaler du kan bruke til å hoppe på utviklingen av din neste app.
I denne veiledningen hjelper jeg deg med å komme i gang med en slik mal, kalt Material Design UI Android Template App, som ble utviklet av CreativeForm.
For å kunne følge denne opplæringen trenger du den nyeste versjonen av Android Studio og en Android-enhet eller emulator som kjører Android 2.3 eller høyere.
Start med å logge inn på Envato Market-kontoen din og kjøpe Material Design UI Android Template App på CodeCanyon.
Du vil nå kunne finne kildekoden til malen - i form av en ZIP-fil - i Nedlastinger seksjon.
Etter at du har lastet ned ZIP-filen og hentet den til en mappe etter eget valg, bør du ha følgende filer og mapper:
Malen kan brukes med både Eclipse og Android Studio. I denne opplæringen, men la oss bare fokusere på sistnevnte.
Brann opp Android Studio og velg Åpne et eksisterende Android Studio-prosjekt alternativet i velkomstmenyen. Naviger til mappen der du har hentet malen, velg android - AS, og trykk OK.
Material Design UI Android Template App avhenger av flere åpne kildebiblioteker. De compileSdkVersion av noen av disse bibliotekene er API-nivå 19, noe som er litt eldre enn selve malen. For å unngå byggfeil må du derfor oppdatere bibliotekene.
Følgende er bibliotekene som må endres:
Åpne build.gradle fil av hvert bibliotek og endre verdien av compileSdkVersion til 21 slik at den samsvarer med compileSdkVersion av malen.
compileSdkVersion 21
Ikke glem å trykke på Synkroniser nå knappen etter endringer.
På dette tidspunktet kan du gå videre og kjøre appmalen på Android-enheten din eller emulatoren. Men før du trykker på Løpe knappen, kontroller at UIAppTemplate Kjør konfigurasjon er valgt.
Vær oppmerksom på at du første gang du prøver å kjøre appen, kan oppleve noen feil som er relatert til tegnkoding. Feilene er tilstede i en fil som heter ProgressWheel.java, som tilhører Progress Wheel-biblioteket.
Den enkleste måten å fikse feilene på er å åpne filen, sørg for at kodingen er satt til UTF-8, og lagre den.
Når bygningen er fullført, bør du kunne se startskjermbildet for appmalen.
Du kan bruke navigasjonsskuffen til å se alle oppsett, animasjoner og tilpassede visninger som er tilgjengelige i malen. For eksempel velger du Logg inn Sider> Media viser deg følgende skjerm.
Du kan nå begynne å tilpasse Material Design UI Android Template App for å matche dine krav. Den har over 50 forskjellige aktiviteter, fem temaer og godt over 100 layout XML-filer. Det betyr at du kan bygge din neste app ved ganske enkelt å velge en delmengde av disse brukergrensesnittelementene og tilknytte dataene og forretningslogikken med den.
Hvis du vil vite mer om malen, kan du se den omfattende dokumentasjonen som er tilgjengelig i den docs mappe.
Envato Market har hundrevis av andre Android-appmaler som du kan velge mellom. Det finnes maler for spill og komplette applikasjoner, samt omfattende startmaler som den vi brukte i dette innlegget. Så ta en titt, og du kan bare spare deg mye arbeid på din neste Android-app.
Accentsconagua