Android SDK: Arbeide med Picasso
19
Del
5
Del

Dette Cyber ​​mandag Envato Tuts + Kursene vil bli redusert til bare $ 3. Ikke gå glipp av.

I denne raske spissen, tar vi en kort titt på den populære Android bildebiblioteket, Picasso. Det er en enkel og praktisk bibliotek skapt og vedlikeholdt av plassen. Det er stor for å arbeide med bilder i din Android-prosjekter.

1. Innledning

Picasso er et bildebibliotek for Android. Det er opprettet og vedlikeholdt av plassen, og henvender toimage lasting og behandling. Det forenkler prosessen med å fremvise bilder fra eksterne steder. I mange tilfeller bare noen få linjer med kode er nødvendig for å gjennomføre dette ryddig bibliotek.

Picasso skinner for visning av eksterne bilder. Thelibrary håndterer hvert trinn i prosessen, fra den første HTTP-forespørsel tothe caching av bildet. Dette kan være ganske detaljert når writingcode å utføre disse handlingene selv. I denne rask spiss, ser vi på afew vanlige bruksmåter.

2. Installasjon

Start ved å laste ned JAR-filen fra Picasso hjemmeside. Installasjon utføres på vanlig måte. Hvis du trenger hjelp med dette trinnet, så ta en titt på denne opplæringen av Shane Condor og Lauren Darcey

Hvis du bruker Android Studio, så kan du legge compile'com.squareup.picasso. Picasso: 2.3.3 'til build.gradle

fil i avhengighet delen.

3. Hands-On

Trinn 1: Lag et nytt prosjekt

Opprett et nytt prosjekt i IDE av valget. Sørg for å velge en blank aktivitet hvis du bruker Android Studio

Trinn 2:. Bilde Widget

Åpne layout filen for hovedaktiviteten. Vi må legge til en Imageview til layout. Det trenger ikke å være fancy. Følgende kodebiten viser deg hva jeg mener
< Imageview android. Layout_width = "wrap_content" android: layout_height = "wrap_content" android: id = "+ id /bildeVis" android: layout_alignParentTop = "true" android: layout_centerHorizontal = "true" />
Trinn 3: Legg Picasso

Naviger til hovedaktiviteten filen. . Legg til følgende kode blokken til onCreate metoden
Imageview bildeVis = (Imageview) findViewById (R.id.imageView); Picasso.with (denne) .load ("https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg") .into (bildeVis);

I første linje, får vi en referanse til Imageview eksempel i oppsettet filen. Vi deretter laste inn et bilde i bildevisningen ved hjelp av Picasso biblioteket. Vi først spesifisere sammenheng ved å ringe med og bestått i sammenheng. Vi kaller lastemetode og levere det med plasseringen av bildet, en URL i dette tilfellet. Endelig, sier vi Picasso der det skal vise bildet når det er hentet ved å ringe inn og passere i bildeVis objektet.

IDE vil be deg om å importere Picasso biblioteket. Men for å gjøre dette manuelt legge til følgende import uttalelse på toppen av aktiviteten klassen
import com.squareup.picasso.Picasso;
Trinn 4:. Tillatelser

For Picasso å gjøre sitt arbeid Husk å legge til < bruker-tillatelse android: name = "android.permission.INTERNET" /> til prosjektets manifest

Trinn 5:. Bygg og Kjør

Det er ganske mye det. Hvis du bygge og kjøre programmet, bør du se bildet belastningen på skjermen.

4. Flere eksempler

Picasso har mye flere triks i ermet. I følgende eksempel bruker vi Picasso for å hente et eksternt bilde og endre størrelse på det før bildet vises i en bildevisning.
Picasso.with (denne) .load (https://cms-assets.tutsplus.com/uploads/brukere /21 /innlegg /19431 /featured_image /CodeFeature.jpg) .resize (100, 100) .into (Imageview)

Picasso støtter også transformasjoner, som rotasjon. I neste kodebiten, vi hente et eksternt bilde og roter den 180 grader før bildet vises i en bildevisning.
Picasso.with (denne) .load ("https://cms-assets.tutsplus.com/uploads /users/21/posts/19431/featured_image/CodeFeature.jpg ") .rotate (180) .into (bildeVis);

Hvis søknaden er avhengig av eksterne midler, så er det viktig å legge til en fallback i form av en plassholderbildet. Plassholderbildet vises umiddelbart og erstattes med fjern bildet når Picasso er ferdig å hente den.
Picasso.with (denne) .load (https://cms-assets.tutsplus.com/uploads/users/21/posts /19431/featured_image/CodeFeature.jpg) .placeholder (R.drawable.image_name) .into (bildeVis);

Picasso støtter to typer plassholderbilder. Vi så allerede hvordan plassholder metoden fungerer, men det er også en feil metode som godtar en plassholder bilde. Picasso vil prøve å laste ned eksternt bilde tre ganger, og vise feilplassholderbildet hvis det var ute av stand til å hente ekstern utstyrs.
Picasso.with (denne) .load (https://cms-assets.tutsplus.com/opplastninger /brukere /21 /innlegg /19431 /featured_image /CodeFeature.jpg) .error (R.drawable.image_name) .into (bildeVis);

Merk at du kan kombinere eksempel og feiling metoder som vist i følgende kode blokken.
Picasso.with (denne) .load (https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg) .placeholder (R. drawable.image_name_default) .error (R.drawable.image_name_error) .into (bildeVis);
, finnes Konklusjon

Med Picasso være så enkel å bruke det definitivt verdt thirtyminutes av din tid. Hvis du oppretter en app som ofte laster bilder, så Picasso kan godt gjøre livet enda litt enklere.