Hurtig Tips Opprett autosortering av tekst med Android O

Den første utvikler forhåndsvisning av Android O har kommet!

I denne serien av tips undersøker vi noen av de nye brukergrensesnittfunksjonene som du kan se frem til i den kommende utgivelsen av Android O (reo?).

I dette første tipset får vi noen praktisk erfaring med Android Os nye tekstautomatiseringsfunksjon, som lar deg lage tekst som kontrakterer og utvides automatisk for å passe til det nåværende oppsettet.

Siden dette er vårt første blikk på Android O her på Envato Tuts +, la oss starte med å sørge for at utviklingsmiljøet vårt er Android O-klar.

Sett opp utviklerforhåndsvisning

Foreløpig kan du bare få tilgang til forhåndsvisning av Android O-utviklere via den nyeste kanariefunksjonen fra Android Studio.

Kanariefabrikker er blomsterkanten av Android Studio, og oppdateres vanligvis på ukentlig basis. Mens disse byggene er testet, er de mindre stabile enn de offisielle Android Studio-utgivelsene, og anbefales derfor ikke for produksjonsutvikling.

For å laste ned den nyeste kanarien, bygg og ta tak i Android O forhåndsvisning, start først Android Studio og velg Android Studio > Innstillinger ... fra verktøylinjen. Å velge Utseende og oppførsel> Systeminnstillinger> Oppdateringer, og velg fra rullegardinmenyen Kanariske kanal.

Deretter klikker du på den medfølgende Sjekk nå knappen for å laste ned den nyeste utgivelsen fra Kanariøyekanalen.

Deretter starter du om IDE, og åpner SDK Manager. Kontroller at SDK Manager er SDK-plattformer kategorien er valgt, velg Android O Preview komponent.

Bytt deretter til SDK verktøy kategorien, og velg følgende: 

  • Android SDK Build-Tools 26.0.0 (rc1 eller høyere)
  • Android SDK Plattform-Verktøy 26.0.0 (rc1 eller høyere)
  • Android Emulator 26.0.0
  • Support Repository

Klikk på OK knappen for å laste ned alle disse komponentene.

Endelig opprett et nytt Android-prosjekt som retter seg mot Android O. For enkelhets skyld, sett prosjektets minste SDK til Android 7 + O Preview og velg deretter Tom aktivitet.

Konfigurer Gradle-filen din

Når Android Studio har opprettet prosjektet ditt, åpner du modulnivået build.gradle fil og endre buildToolsVersion versjon og Støtte bibliotek versjon til de nyeste utgivelsene:

bruke plugin: 'com.android.application' android compileSdkVersion 'android-O' buildToolsVersion '26 .0.0-rc1 'defaultConfig applicationId "com.jessicathornsby.myapplication" minSdkVersion' O 'targetSdkVersion' O 'versjonCode 1 versjonName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"

Gjennom hele denne serien vil vi legge til en rekke Android O-funksjoner i denne prøveappen. Hvis du skal oppleve disse funksjonene i aksjon, må du opprette en AVD som kjører Android O-systembildet. Start Android Studio's AVD Manager, velg Opprett virtuell enhet ... og følg deretter instruksjonene på skjermen for å lage en AVD. Du kan bruke innstillingene du ønsker, men når Android Studio ber deg om å velge systembilde, må du kontrollere at du velger O.

Lag mer dynamisk tekst

En av de nye brukergrensesnittfunksjonene som vi kan se frem til i Android O, er tekst autosizing. Med tillegg av noen få XML-attributter kan du opprette TextViews som automatisk øker og reduserer størrelsen på teksten, slik at den alltid passer perfekt innenfor tekstversjonen. 

Denne automatiske skaleringen kan sørge for at teksten din fortsatt er lett å lese på Android's store utvalg av forskjellige skjermstørrelser og tettheter. Automatisk resizing kan også hjelpe deg med å unngå rart tomme mellomrom i oppsettet ditt, eller tekst som blir kuttet av midt setning fordi du prøvde å kramme for mange ord inn i en TextView.

Det er to måter du kan implementere tekstautomatisering på:

  • Detaljnivå. Denne tilnærmingen lar deg spesifisere en minimums- og maksimal tekststørrelse, pluss en granularitetsverdi, hvor mye teksten din kan øke eller redusere i størrelse med hvert trinn. TextView vil da skala din tekst horisontalt og vertikalt med denne inkrementelle verdien, til den passer til TextView perfekt.
  • Forhåndsinnstilte størrelser. Her definerer du et utvalg av alle størrelser teksten din kan være. Android O vil da velge den mest passende størrelsen fra denne gruppen, basert på TextViewdimensjoner.

Uansett hvilken metode du velger, må du alltid legge til android: autoSizeText = "uniform" XML-attributt til din TextView, så åpne layout ressursfilen din og legg til dette elementet nå.

Detaljnivå

For å implementere autosetting ved hjelp av granularitet, må du legge til følgende XML-attributter til din TextView:

  • autoSizeMinTextSize: Minste størrelse på TextView kan bruke.
  • autoSizeMaxTextSize: Den maksimale størrelsen på TextView kan bruke.
  • autoSizeStepGranularity: Økningsverdien. Dette er 1px som standard.

Her lager jeg en visning som kan endre størrelsen på teksten mellom 10sp og 100SP, i trinn på 2SP:

Forhåndsinnstilte størrelser

Det andre alternativet er å lage en rekke støttede tekststørrelser. Android O vil da velge den mest passende verdien fra denne listen, basert på hvor mye tekst den skal vise, TextViewdimensjoner og den nåværende skjermkonfigurasjonen.  

Hvis prosjektet ditt ikke allerede inneholder en arrays.xml fil, så kan du opprette en ved å høyreklikke prosjektet ditt RES / verdiene katalog og valg Ny> Verdier Ressursfil. I vinduet som vises, gi denne filen navnet arrays, og klikk deretter OK.

Du kan da åpne den nye res / verdier / arrays.xml fil og definer alle størrelsene du vil ha TextView å bruke.

   10sp 15sp 25sp 30sp 100SP 150sp  

Til slutt, referer til dette systemet ved hjelp av autoSizePresetSizes attributt, for eksempel:

Ikke glem å teste!

Når du har lagt til autosizing til en TextView, starte opp Android O AVD og ta en titt på hvordan din TextView gjøres på en emulert Android O-skjerm. For å kontrollere at autosetting fungerer som den skal, oppdaterer du TextView for å vise forskjellige mengder tekst, og se deretter hvilken innvirkning dette har på det endelige gjengitte bildet du ser på skjermen.

Hvis du implementerer autosortering, er det viktig at du tester tekstvisningene dine på en rekke forskjellige skjermkonfigurasjoner. Det kan hende du må tilpasse minimum og maksimum tekststørrelser for å sikre at teksten din fortsatt er lesbar på forskjellige skjermbilder.

Konklusjon

I dette raske tipset viste jeg deg hvordan du lager tekst som skalerer automatisk. I neste tips ser vi på hvordan Android O skal gjøre det mye lettere å bruke egendefinerte skrifter i Android-appene dine. I mellomtiden kan du sjekke ut noen av våre andre opplæringsprogrammer: