Usar fonte personalizada como recursos no aplicativo Android

, Author

SHISHIR
SHISHIR

SHISHIR

SHISHIR

Ago 13, 2018 – 4 min leia-se

Uma das características realmente interessantes para os desenvolvedores androide 8.0 (API nível 26) introduz, Fontes em XML, o que nos permite utilizar fontes como recursos. Podemos adicionar o arquivo font na pasta res/font/ para agrupar as fontes como recursos. Estas fontes são compiladas no arquivo R e estão automaticamente disponíveis no Android Studio.

Para usar o recurso Fontes em XML em dispositivos rodando Android 4.1 (API nível 16) e superior, temos que usar a Biblioteca de Suporte 26. Para adicionar fontes como recursos, execute os seguintes passos no Android Studio:

Resultado da imagem de imagem da fonte personalizada do androide
Fonte personalizada no androide
  • Clicar direito na pasta res e ir para Novo >Diretório de recursos do Android. – A janela New Resource Directory aparece.
  • Na lista Resource type, selecione font, e depois clique em OK.
  • Nota: O nome do diretório de recursos deve ser a fonte.

Adicionar seus arquivos de fontes na pasta de fontes

  • Adicionar suas fontes ttf ou otf na pasta de fontes. A estrutura da pasta é semelhante à abaixo.

  • Você pode clicar duas vezes em um arquivo de fonte para pré-visualizar as fontes do arquivo no editor.

Criar família de fontes

Para criar uma família de fontes, execute os seguintes passos no Android Studio:

  • Clique com o botão direito do rato na pasta font e vá para New > Font resource file. A janela Novo arquivo de recurso aparece.
  • Entrar o nome do arquivo, e depois clique em OK. O novo recurso de fonte XML abre-se no editor.
  • Incluir cada arquivo de fonte, estilo e atributo de peso no elemento <font>. O seguinte XML ilustra a adição de atributos relacionados com a fonte no recurso de fonte XML:

Utilizar esta fonte

Agora você pode usar esta fonte no seu aplicativo das maneiras abaixo –

  • usar a fonte diretamente no arquivo de layout
  • usar a fonte font programtically
  • utilizar a fonte via estilo e tema de aplicação (esta é a melhor forma)

Utilizar a fonte directamente no ficheiro de layout

  • No ficheiro XML de layout, defina o atributo fontFamily para o arquivo de fonte que você quer acessar.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Utiliza a fonte programmaticamente

  • Tambem podes definir a fonte programmaticamente. Para definir a fonte programmaticamente siga os códigos abaixo.
Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Utilize a fonte via estilo e tema App

Abra o styles.xml, e defina o atributo fontFamily para o arquivo da fonte que você deseja acessar.

# Using the font via app theme....(this is the best way)
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
....
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>
-----------------------------------------------------------
# Using the font via style. Now you can add this style wherever you want.
<style name="customfontstyle">
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>

Download Google Fonts for your App

step 1: Selecione uma vista de texto no seu aplicativo e clique no atributo fontFamily em Attributes in the graphical layout.

step 2: Selecione o "More Fonts…" na parte inferior, que abrirá o diálogo abaixo. então você verá uma nova janela se abrirá, lá você poderá digitar a fonte desejada e desejada dessa lista i.e.) Regular, Negrito, Itálico etc… como mostrado na imagem abaixo.

step 4: Agora há duas opções:

Adicionar fonte ao projeto: as fontes serão baixadas para o seu projeto em font folder( pasta de fontes será gerada automaticamente se não for criada antes). Agora esta fonte está pronta para ser usada. Você pode usar esta fonte fazendo a font-family como antes.

Criar a fonte para download: Esta é outra característica excitante da aplicação androide. Agora eu não estou escrevendo para isso. Você pode ver um belo artigo em Create downloadable font.

Thanks for reading this article. Não se esqueça de dar aplausos se você achar este artigo útil. Codificação Feliz:)

Deixe uma resposta

O seu endereço de email não será publicado.