Suggerimento rapido utilizzo di caratteri personalizzati in Android O

La prima anteprima per sviluppatori di Android O è qui!

In questa serie, stiamo esaminando alcune delle nuove funzionalità dell'interfaccia utente che puoi iniziare a sperimentare oggi, tramite l'anteprima di Android O Developer.

Nel primo suggerimento, ti ho mostrato come impostare lo sviluppo per supportare questa anteprima O anticipata e come creare testo che si ridimensiona e ridimensiona automaticamente per adattarsi alla configurazione dello schermo corrente. In questo suggerimento, vedremo come Android O sta per rendere il lavoro con font personalizzati un'esperienza senza problemi.

Aggiunta di caratteri personalizzati al progetto

Hai mai desiderato distinguere un particolare testo? O forse eri convinto che un font personalizzato sarebbe stato il modo perfetto per aggiungere personalità alla tua applicazione?

Mentre ci sono molti vantaggi nell'usare i caratteri personalizzati, lavorare con loro in Android è sempre stata un'esperienza dolorosa, che richiede di utilizzare una libreria o creare una personalizzazione vista

Per fortuna, lavorare con i caratteri personalizzati in Android sta per diventare molto più facile, poiché i font personalizzati sono impostati per diventare un tipo di risorsa completamente supportato in Android O. Ciò significa che aggiungere un font personalizzato alla tua app sarà semplice come aggiungere qualsiasi altra risorsa , come immagini e testo.

Per seguire questo tutorial, avrai bisogno di alcuni file di font che puoi aggiungere al progetto Android O che abbiamo creato nella prima parte.

Android O supporta entrambi .otf (OpenType) e .ttf (TrueType) formati. Ci sono molti siti web che offrono questi tipi di caratteri gratuitamente, quindi dedica qualche minuto alla ricerca di Google finché non trovi un font che ti piace.

Poiché stiamo solo sperimentando le nuove funzionalità di Android O, non importa in particolare quale font usi, ma quando cerchi font da usare nelle versioni di produzione della tua app devi sempre controlla i termini e le condizioni del font. Solo perché una risorsa è scaricabile gratuitamente non significa automaticamente che non ci sono restrizioni su come è possibile utilizzare e ridistribuire questa risorsa, quindi controlla sempre la stampa fine!

Dovresti considerare anche lo scopo, il contenuto e il pubblico di destinazione della tua applicazione, poiché i diversi tipi di carattere trasmettono messaggi diversi. Se stai progettando un'app per aiutare le persone a completare le dichiarazioni dei redditi, il pubblico potrebbe avere difficoltà a prendere sul serio la consulenza finanziaria e legale della tua app se viene consegnata in un font strano e stravagante!

Una volta trovato un font con cui lavorare, scaricarlo e decomprimerlo. A questo punto, dovresti controllare il nome file del font per i caratteri non validi, in sostanza qualsiasi cosa che non sia in minuscolo a-z, 0-9 o un carattere di sottolineatura. Prova a includere altri caratteri e Android Studio genera un errore non appena provi a fare riferimento a tale risorsa.  

Una volta che hai i tuoi file di font, avrai bisogno di un posto dove archiviarli:

  • Fai clic con il pulsante destro del mouse sul tuo progetto app / res cartella e selezionare Nuovo> Directory delle risorse Android.
  • Apri il menu a discesa e seleziona font.
  • accedere font come il Nome del file.
  • Clic ok.
  • Trascina e rilascia i tuoi file di font nel tuo nuovo res / font cartella.

Utilizzo dei caratteri personalizzati

Puoi applicare un carattere personalizzato al tuo testo usando il nuovo Android: fontFamily Attributo XML:

Puoi anche aggiungere caratteri personalizzati a tutti gli stili che hai creato nella tua app:

Se si desidera utilizzare i caratteri personalizzati a livello di codice, è possibile recuperare un carattere personalizzato utilizzando il GETFONT (int) metodo, ad esempio:

import android.support.v7.app.AppCompatActivity; importare android.os.Bundle; import android.widget.LinearLayout; import android.widget.TextView; importare android.widget.LinearLayout.LayoutParams; importare android.graphics.Typeface; public class MainActivity estende AppCompatActivity @Override protected void onCreate (Bundle savedInstanceState) super.onCreate (savedInstanceState); LinearLayout linearLayout = new LinearLayout (this); TextView ProgrammaticallyTextView = new TextView (this); ProgrammaticallyTextView.setText ("Questo è del testo"); // Riferimento al font personalizzato // Typeface typeface = getResources (). GetFont (R.font.doublefeature); ProgrammaticallyTextView.setTypeface (caratteri); linearLayout.addView (ProgrammaticallyTextView); this.setContentView (linearLayout, new LinearLayout.LayoutParams (LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); 

Creazione di una famiglia di caratteri

A volte puoi decomprimere una cartella di font e scoprire più versioni dello stesso font, ad esempio una versione in corsivo, o caratteri con pesi e spessori variabili.

Se utilizzi più versioni dello stesso carattere, puoi raggrupparle in una famiglia di caratteri. Una famiglia di caratteri è essenzialmente un file XML dedicato in cui è possibile definire ciascuna versione del carattere, insieme agli attributi di stile e peso associati.

Per creare una famiglia di font:

  • Assicurati di aver aggiunto tutti i file di font ai tuoi progetti res / font cartella.
  • Fai clic con il pulsante destro del mouse sul tuo progetto res / font cartella, quindi selezionare Nuovo> File di risorse font.
  • Assegna un nome a questo file, quindi fai clic ok.
  • Apri questo file XML e definisci tutte le diverse versioni di questo font, insieme agli attributi di stile e peso, ad esempio:
 http://schemas.android.com/apk/res/android ">    

È quindi possibile fare riferimento a qualsiasi tipo di carattere in questa famiglia utilizzando il Android: fontFamily attributo. Per esempio:

Android: fontFamily = "@ font / doublefeature_bold"

Non dimenticare di testare!

Mentre è facile lasciarsi trasportare dalle nuove funzionalità, non esagerare con i caratteri personalizzati! Le interfacce utente coerenti sono più facili da navigare e comprendere e, se la tua app passa continuamente da un tipo di carattere all'altro, i tuoi utenti potrebbero dedicare più attenzione a come il tuo testo sembra, piuttosto che cosa dice.

Se includi caratteri personalizzati nel tuo progetto, è importante testare il rendering di quel tipo di font su una vasta gamma di diverse configurazioni dello schermo, poiché la tua priorità dovrebbe sempre essere quella di assicurare che il tuo testo sia facile da leggere.

Conclusione

In questo suggerimento, ti ho mostrato come creare un testo più elegante e unico, aggiungendo font personalizzati ai tuoi progetti. Nel post finale di questa serie, sposteremo la nostra attenzione dal testo alle immagini, come ti mostro come creare icone di avvio adattive che adattano automaticamente la loro forma per adattarsi al dispositivo corrente.

Nel frattempo, dai un'occhiata ad alcuni dei nostri altri tutorial sullo sviluppo di app per Android!