Rask tips Arbeide med tilpassede skrifttyper i Android O

Den første utvikler forhåndsvisning av Android O er her!

I denne serien ser vi på noen av de fremadrettede brukergrensesnittfunksjonene som du kan begynne å eksperimentere med i dag, via Android O Developer Preview.

I det første tipset viste jeg deg hvordan du konfigurerer utviklingen din for å støtte denne forhåndsvisningen, og hvordan du lager tekst som automatisk skalerer opp og skalerer ned for å passe til den nåværende skjermkonfigurasjonen. I dette tipset skal vi se på hvordan Android O skal gjøre arbeidet med tilpassede skrifter en problemfri opplevelse.

Legge til egendefinerte fonter til prosjektet ditt

Har du noen gang ønsket å gjøre et bestemt stykke tekst skiller seg ut? Eller kanskje du var overbevist om at en tilpasset skrifttype ville være den perfekte måten å legge til litt ekstra personlighet i søknaden din?

Selv om det er mange fordeler med å bruke egendefinerte skrifter, har det vært en smertefull opplevelse å jobbe med dem i Android, og det krever at du enten bruker et bibliotek eller oppretter en egendefinert Utsikt

Heldigvis jobber med tilpassede skrifttyper i Android i ferd med å bli mye enklere, ettersom tilpassede skrifttyper er satt til å bli en fullt støttet ressurstype i Android O. Dette betyr at det å legge til en tilpasset skrifttype i appen din, blir like grei som å legge til en annen ressurs , for eksempel bilder og tekst.

For å følge med denne opplæringen trenger du noen fontfiler som du kan legge til i Android O-prosjektet vi opprettet i del ett.

Android O støtter begge deler .OTF (OpenType) og .tTF (TrueType) formater. Det er mange nettsteder som tilbyr slike typer fonter gratis, så bruk et par minutter på å søke Google til du finner en skrifttype du liker.

Siden vi bare eksperimenterer med Android Os nye funksjoner, er det ikke spesielt viktig hvilken skrifttype du bruker, men når du leter etter skrifter som skal brukes i utgivelser av appen din, bør du alltid sjekk at fontens vilkår og betingelser. Bare fordi en ressurs er gratis å laste ned betyr ikke automatisk at det ikke er noen begrensninger på hvordan du kan bruke og omfordele denne ressursen, så sjekk alltid den fine utskriften!

Du bør også vurdere søknadens formål, innhold og målgruppe, da forskjellige fonter formidler forskjellige meldinger. Hvis du designer en app for å hjelpe folk med å fullføre sine selvangivelser, kan publikum sliter med å ta appens økonomiske og juridiske råd alvorlig hvis den leveres i en merkelig og skikkelig skrift!

Når du har funnet en skrifttype du vil jobbe med, laster du ned og pakker den ut. På dette punktet bør du sjekke skrifttypens filnavn for ugyldige tegn - i hovedsak alt som ikke er små bokstaver a-z, 0-9 eller en understreking. Prøv å inkludere andre tegn, og Android Studio vil kaste en feil så snart du prøver å referere til den ressursen.  

Når du har din skriftfil (er), trenger du et sted å lagre dem:

  • Høyreklikk prosjektet ditt app / res mappe og velg Ny> Android ressurs katalog.
  • Åpne rullegardinmenyen og velg font.
  • Tast inn font som Filnavn.
  • Klikk OK.
  • Dra og slipp fontfilene dine til det nye res / font mappe.

Bruk dine egendefinerte skrifttyper

Du kan bruke en egendefinert skrifttype til teksten din ved hjelp av det nye android: fontfamily XML-attributt:

Du kan også legge til egendefinerte skrifter til alle stiler du har opprettet i appen din:

Hvis du vil bruke tilpassede skrifttyper programmatisk, kan du hente en egendefinert skrift ved hjelp av getFont (int) metode, for eksempel:

importer android.support.v7.app.AppCompatActivity; importere android.os.Bundle; importer android.widget.LinearLayout; importer android.widget.TextView; importer android.widget.LinearLayout.LayoutParams; importere android.graphics.Typeface; offentlig klasse MainActivity utvider AppCompatActivity @Override protected void onCreate (Bundle savedInstanceState) super.onCreate (savedInstanceState); LinearLayout linearLayout = ny LinearLayout (dette); TextView ProgrammaticallyTextView = ny TextView (dette); ProgrammaticallyTextView.setText ("Dette er litt tekst"); // Referanse din egendefinerte font // Typeface typeface = getResources (). GetFont (R.font.doublefeature); ProgrammaticallyTextView.setTypeface (skrifttype); linearLayout.addView (ProgrammaticallyTextView); this.setContentView (linearLayout, new LinearLayout.LayoutParams (LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); 

Opprette en fontfamilie

Noen ganger kan du pakke ut en skriftmappe og oppdage flere versjoner av samme skrift, for eksempel en kursiv versjon eller skrifter med varierende vekter og tykkelser.

Hvis du bruker flere versjoner av samme skrift, kan du kanskje gruppere dem sammen i en skriftfamilie. En skriftfamilie er i hovedsak en dedikert XML-fil der du definerer hver versjon av skrifttypen, sammen med tilhørende stil- og vektattributter.

Slik lager du en skriftfamilie:

  • Pass på at du har lagt til alle skriftfiler til prosjektet ditt res / font mappe.
  • Høyreklikk prosjektet ditt res / font mappe, og velg deretter Ny> Font ressursfil.
  • Gi denne filen et navn, og klikk deretter OK.
  • Åpne denne XML-filen og definer alle de forskjellige versjonene av denne skrifttypen, sammen med deres stil og vektattributter, for eksempel:
 http://schemas.android.com/apk/res/android ">    

Du kan deretter referere til noen av skrifter i denne familien ved hjelp av android: fontfamily Egenskap. For eksempel:

android: fontfamily = "@ font / doublefeature_bold"

Ikke glem å teste!

Selv om det er lett å bli borte med nye funksjoner, må du ikke gå over bord med tilpassede skrifter! Konsekvente grensesnitt er enklere å navigere og forstå, og hvis appen din hele tiden skifter mellom skrifter, kan brukerne ende opp med å legge mer oppmerksomhet til hvordan teksten din utseende, heller enn hva det sier.

Hvis du inkluderer tilpassede skrifttyper i prosjektet ditt, er det viktig å teste hvordan skrifttypen kommer over et bredt spekter av forskjellige skjermkonfigurasjoner, da topprioriteten din alltid skal sikre at teksten din er lett å lese.

Konklusjon

I dette tipset viste jeg deg hvordan du lager mer stilig og unik tekst, ved å legge til tilpassede fonter på prosjektene dine. I siste innlegget i denne serien skal vi flytte fokus fra tekst til bilder, da jeg viser deg hvordan du lager tilpasningsstartikonene som automatisk tilpasser sin form slik at den passer til den gjeldende enheten.

I mellomtiden kan du se noen av våre andre opplæringsprogrammer på Android app-utvikling!