Hvordan du viser bilder i din Android App - dummies

Etter at du har utviklet en Android-app og dens variasjoner, kan du bestemme at appen din trenger litt stil. Hva med å designe appen din slik at når en bruker klikker på en knapp, viser appen et bilde av pizzaen som bestilles? SHOW-knappen du ser her er perfekt for dette.

SHOW-knappen.

Android har alle slags funksjoner for å tegne bilder og vise bitmap-filer. Her er en mulig tilnærming:

1. Start Android Studio og opprett et nytt prosjekt.

2. Kopier din gjenbrukbare layoutfil (reusable_layout. Xml) til det nye prosjektets app / res / layout-grenen i vinduet Prosjektverktøy.

3. Inkluder reusable_layout i prosjektets activity_main. xml fil.

4. Finn fire bilder - en for vanlig, en for pepperoni, en for ekstra ost og en for pepperoni med ekstra ost.

   Android's offisielle dokumentasjon anbefaler. png format for bilder. Hvis du ikke har det. png bilder, Android's docs ringe til. jpg-format "akseptabelt. "Hvis du ikke har det. png eller. jpg, docs forteller deg å holde nesen og bruke. gif. Men husk, du lager en praksisapplikasjon her, ikke et kunstverk. Bildene dine trenger ikke å se bra ut.

   Navnet på Android ressursfiler må ikke inneholde store bokstaver. Du kan kun bruke små bokstaver og understreker.

   For å jobbe med bildeformater, er programmet IrfanView svært nyttig. Dette Windows-programmet er gratis for ikke-kommersiell bruk.

5. Velg filfiler i operativsystemets Filutforsker eller Finder. Deretter velger du Rediger → Kopier i hovedmenyen.

6. I Android Studio-prosjektverktøy-vinduet, velg app / res / drawable grenen.

7. I hovedmenyen velger du Rediger → Lim inn.

   A Velg destinasjonsregisterdialogboksen vises.

8. I dialogboksen Velg destinasjonsregister velger du den trekkbare grenen (i motsetning til en av grener med drawable-dpi), og deretter klikker du OK.

   I en app i sanntid bruker du drawable-dpi-katalogene som alternativer for enheter med høy, middels, ekstra høy og ekstra ekstra høy skjermdensiteter. Men i denne øvelsen app er en standard trekkbar mappe det enkleste å bruke.

   Bokstavene dpi står for punkter per tomme. Android registrerer skjermens tetthet for en enhet og bruker ressursene i den mest hensiktsmessige drawable-? dpi-mappen. Ta en titt på utviklernettstedet for å finne ut hva Android anser mest hensiktsmessig. "

9. Høyreklikk (på Windows) eller Ctrl-klikk (på en Mac) app / res / drawable grenen.

10. Velg Ny → Fil i menyen som vises.

    Enda reagerer dialogboksen Velg destinasjonsliste sitt stygge hode.

11. Velg den avtrekkbare grenen, og klikk deretter OK.

    Dialogboksen Ny fil vises. Denne dialogboksen har bare ett felt - et felt for navnet på den nye filen.

    

    Dialogboksen Ny fil.

12. Skriv inn nivåer i dialogboksen Ny fil. xml.

13. Klikk OK for å avvise dialogboksen Ny fil.

14. Bruk Android Studio's editor for å fylle ut nivåene dine. xml-fil med denne koden.

    A nivåliste er en liste over alternative drawables for en enkelt bildekomponent som skal vises. Når som helst i løpet av en applikasjon, har bildekomponenten et heltallnivå. Du angir komponentens nivå ved hjelp av setImageLevel-metoden.

    Når appen din heter setImageLevel, starter Android øverst i nivålisten og ser etter det første elementet som android: maxLevel er større enn eller lik det nye bildnivået. Du kan også tilordne en android: minLevel-attributt til et element. Men i de fleste situasjoner, android: maxLevel er alt du trenger.

15. Legg til et ImageView-element i oppsettets aktivitet.

    Du kan dra et ImageView-element fra Widgets-gruppen i paletten Designerverktøy, eller du kan legge til følgende element i appens aktivitet_main. xml-fil:

16. Kontroller at ImageView-elementets android: src-attributt refererer til de nye nivåene. xml-fil.

    I src-oppføringen i egenskapsvisningen, se etter verdien @ drawable / levels.

17. Kode prosjektets aktivitetsfil som dette.

    pakke com. allmycode. p01_06_05; importere android. app. Aktivitet; importere android. os. Bunt; importere android. utsikt. Meny; importere android. utsikt. MENUITEM; importere android. utsikt. Utsikt; importere android. widget. avmerkingsbokser; importere android. widget. Imageview; offentlig klasse MainActivity utvider aktiviteten {CheckBox pepBox, cheeseBox; ImageView imageView; @Override protected void onCreate (Bundle savedInstanceState) {super. onCreate (savedInstanceState); setContentView (R. layout. activity_main); pepBox = (CheckBox) findViewById (R. id. checkbox); cheeseBox = (CheckBox) findViewById (R.nr. checkBox2); imageView = (ImageView) findViewById (R. id. imageView);} offentlig ugyldig påButtonClick (View view) {int level = 0; hvis (pepBox. isChecked ()) {level + = 1;} hvis (ostBox. isChecked ()) {level + = 2;} imageView. setImageLevel (nivå);} // Du trenger ikke legge til noen kode under dette punktet @Override public boolean onCreateOptionsMenu (Menymeny) {// … Etcetera
    

    OnButtonClick-metoden kalles setImageLevel-metoden. Metodparameterens verdi avhenger av tilstandene i aktivitetenes avmerkingsbokser.

18. Kjør appen.

    Resultatene, sammen med noen flotte tegninger av pizza med pålegg, vises nedenfor.

    

    Hvilke flotte tegninger!