Tecnologia na ponta da lngua

HOME (HTTP://WWW.TDEVROCKS.COM.BR) CONTATO (HTTP://WWW.TDEVROCKS.COM.BR/CONTATO-2/) LOJA (HTTP://LOJA.TDEVROCKS.COM.BR)

NEWSLETTER (HTTP://WWW.TDEVROCKS.COM.BR/CADASTRE-SE-EM-NOSSA-NEWSLETTER/) PERFIL (HTTP://WWW.TDEVROCKS.COM.BR/PERFIL/)
SEJA UM AUTOR (HTTP://WWW.TDEVROCKS.COM.BR/DICAS-ENVIADAS/) MAPA DO SITE (HTTP://WWW.TDEVROCKS.COM.BR/MAPA-DO-SITE/)
TUTORIAIS (HTTP://WWW.TDEVROCKS.COM.BR/TUTORIAIS/) IMPRENSA (HTTP://WWW.TDEVROCKS.COM.BR/SALA-DE-IMPRENSA/)
(http://www.tdevrocks.com.br)

TUTORIAL: USANDO FONTE CUSTOMIZADA NO ANDROID SEARCH

set 17 / 2015 2 (http://www.tdevrocks.com.br/2015/09/17/tutorial-usando-fonte-customizada-no-android/#comments)

DX (HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/DELPHI/DX/), RAD
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/RAD/), RAD STUDIO
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/RAD-STUDIO/), RX
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/DELPHI/RX/), STUDIO
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/STUDIO/), TUTORIAIS
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/TUTORIAIS/), XE8
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/XE8/), [TUTORIAL]
(HTTP://WWW.TDEVROCKS.COM.BR/CATEGORY/TUTORIAL-2/)

Tutorial: Usando fonte customizada no Android

(http://www.tdevrocks.com.br/2015/09/17/tutorial-
usando-fonte-customizada-no-android/)

(http://rating-widget.com/my-rating-report/star/flat-yellow/rating-143768923-5/)
Avalie (1 Voto)

12 4 5 3

Curtir Share Tweetar

Dificuldade

Em nossa nova srie de artigos falando sobre design customizado em aplicativos mveis para iOS e Android ns veremos vrias dicas para criar aplicativos cada vez mais
atraentes ao usurio final. Na primeira publicao daListView personalizado para aplicaes mobile (http://www.tdevrocks.com.br/2015/09/11/tutorial-listview-
personalizado-para-aplicacoes-mobile/) ns vimos como alterar alguma propriedades do ListView para que tenhamos um item de listagem que chame mais a ateno do
usurio.

Tutorial: Usando fonte customizada no Android

(http://www.tdevrocks.com.br/wp-content/uploads/2015/09/1-Tela.png)

uma pergunta que recebemos frequentemente em nosso canal direto comleitores: Como usar uma fonte diferente em um aplicativo Android usando o Delphi?
Na imagem acima podemos visualizar uma View do iPhone 4 com um Label escrito TDevRocks Tecnologia na ponta da lngua, mas em uma fonte diferente da que
estamos acostumados a ver. Isso foi feito de forma bem simples. Na propriedadeTextSettingsdo componente clicamos duas vezes sobre a propreidadeFonte na caixa de
dilogo aberta, escolhemos o item Showcard Gothic como fonte para nosso app. Mas isso por si s no resolve o problema, pois ao efetuar o deploy desse aplicativos
para um smartphone Android, veremos que a fonte assumida pelo aplicativo diferente, um default do Android. A explicao tambm simples: a fonte no existe no
dispositivo. Bem, muitos devem pensar ento que basta copiar a fonte .TTF (o arquivo dela) da pasta fonts do Windows e enviar juntamente com o aplicativo no Project >
Deployment, entretanto aqui a brincadeira um pouco mais complexa.

Distribuindo a fonte
Ns faremos o teste aqui com fontes True Type, ou seja, com a extenso .TTF. A primeira coisa que voc precisa efetuar a cpia do arquivo de fonte desejado, que ser
usada em sua app, para o diretrio do projeto. Em nosso caso, estamos copiando a fonte SHOWG.TTF presente no diretrio C:\Windows\Fonts para
C:\TDevRocks\FontePersonalizadaAndroid. Em seguida acesse o Delphi e em Project >> Deployment.Clique no boto Add Files. Escolha o arquivo de fonte, confirme e
acesse a coluna Remote Path. Insira o caminho .\assets\internal\, pois esse o caminho raiz do aplicativo no dentro do Android.

A prxima parte pode soar estranha, mas no . Ns vamos alterar um arquivo do Delphi para finalizar nossa alterao. Localize o arquivoFMX.FontGlyphs.Android.pasque
encontra-se na pastaC:\Program Files (x86)\Embarcadero\Studio\17.0\source\fmxdo Delphi e copie-0 para o diretrio do nosso projeto. Em seguida abra-o no Delphi.

Com o arquivo aberto, adicione a unit System.IOUtils na clusula Uses do arquivo em questo. E agora localize a procedureLoadResource,pare o mouse na linha da
procedure e pressione Ctrl + Shift + Seta para baixo para que possamos navegar at o cdigo da procedure. Crie uma varivel com o nome FontFile do tipo TString.
Localize a linha:

1 Typeface:=TJTypeface.JavaClass.create(FamilyName,TypefaceFlag); ?

E altere-a para o cdigo abaixo:

1 ... ?
2 //Typeface:=TJTypeface.JavaClass.create(FamilyName,TypefaceFlag);
3 FontFile:=TPath.GetDocumentsPath+PathDelim+CurrentSettings.Family+'.ttf';
4 ifFileExists(FontFile)then
5 Typeface:=TJTypeface.JavaClass.createFromFile(StringToJString(FontFile))
6 else
7 Typeface:=TJTypeface.JavaClass.Create(FamilyName,TypefaceFlag);
8 ...

Perceba na verdade que estamos incluindo uma verificao antes da atribuio da varivel TypeFace. Ns recebemos na varivel FontFile o diretrio + nome da fonte
configurada no controle (CurrentSettings.Family). Depois verificamos se a fonte existe no caminho, ou seja, no celular. Se existir, atribuimos varivel Typeface o contedo
recebido em FontFile, caso contrrio mantemos o default.

Para finalizar o tutorial, clique com o boto direito do mouse no nome do nosso projeto em Project Manager e selecione Add para adicionar o
arquivoFMX.FontGlyphs.Android.pasao nosso projeto, como na Figura 1.

(http://www.tdevrocks.com.br/wp-content/uploads/2015/09/Figura11.png)

Figura 1. Arquivo adicionado

Compile o projeto e abra-o no seu celular Android.

Concluso
Como pudemos ver no tutorial, mais um exemplo de que podemos personalizar nossos aplicativos e torna-los ainda mais profissinais. Em nosso prximo tutorial, veremos
como fazer a mesma adaptao para o iOS.

#GoToDelphi

 (http://www.tdevrocks.com.br/wp-content/uploads/2015/09/IMG_0798.jpg)

Compartilhe em suas redes sociais e ajude o blog a crescer.

12 4 5 3

Curtir Share Tweetar

AdrianoSantos

especialistaem
linguagensde
desenvolvimento, (http://www.twitter.com/asrsantos)
EmbarcaderoMVP,possui+100artigose (https://www.facebook.com/asrsantos)

vdeoaulaspublicadasemrevistase (http://br.linkedin.com/pub/adriano
websitesespecializados,exeditorchefedas santos/9/342/54a)
revistasClubeDelphieWebMobile. (https://plus.google.com/105531520799313928633)

AtualmenteDiretordeOperaesna (mailto:asrsantos@gmail.com)
startupGETIT!Technology.
 1comentrio Classificarpor Principais

Adicionarumcomentrio...

AdrianoSantosConsultorSnioratEmbarcaderoTechnologies
Comentemecompartilhemparaajudaroblog.
CurtirResponder 216desetembrode201522:34

FacebookCommentsPlugin

2 COMMENTS

NEWSLETTER

Email*

Nome*

Cidade*

TPICOS RECENTES

TDevRocks e DevArt: Uma parceira de sucesso (http://www.tdevrocks.com.br/2015/11/16/tdevrocks-e-devart-uma-parceira-de-sucesso/)

Bate-papo sobre desenvolvimento de software (http://www.tdevrocks.com.br/2015/11/14/bate-papo-sobre-desenvolvimento-de-software/)

Lojinha TDevRocks Agora sua chance de ajudar o blog (http://www.tdevrocks.com.br/2015/11/05/lojinha-tdevrocks-agora-e-sua-chance-de-ajudar-o-blog/)
Tutorial: Salvar foto no banco SQLite com Android e iOS 1/2 (http://www.tdevrocks.com.br/2015/10/05/tutorial-salvar-foto-no-banco-sqlite-com-android-e-ios-12/)
Delphi: Conhea a histria da ferramenta mais atual que existe, h 20 anos! (http://www.tdevrocks.com.br/2015/10/02/delphi-conheca-a-historia-da-ferramenta-mais-atual-
que-existe-ha-20-anos/)

DELPHI PARA ANDROID E IOS: DESENVOLVENDO APLICATIVOS MVEIS

(http://www.brasport.com.br/informatica-e-tecnologia/mobile/delphi-para-android-e-ios-desenvolvendo-aplicativos-moveis/)

ARQUIVO

setembro 2015

D S T Q Q

1
2 3
(http://www.tdevrocks.com.br/2015/09/01/)

9
6 7 8 10
(http://www.tdevrocks.com.br/2015/09/09/)

17
 13 14 15 16 (http://www.tdevrocks.com.br/2015/09

21 22 23
20 24
(http://www.tdevrocks.com.br/2015/09/21/) (http://www.tdevrocks.com.br/2015/09/22/) (http://www.tdevrocks.com.br/2015/09/23/)

28
27 29 30
(http://www.tdevrocks.com.br/2015/09/28/)

AGO (HTTP://WWW.TDEVROCKS.COM.BR/2015/08/)

VDEO-AULAS

9/31 TDevRo...

[Fale Conosco] Contato (/contato-2/)

Related posts:

Tutorial: ListView MapView: Tutorial: Tutorial: Criando

personalizado para Utilizando mapas Notificaes no iOS menu pop-up no
aplicaes mobile no iOS e Android e Android Android e iOS 1/1
(http://www.tdevrocks.com.br/2015/09/11/tutorial-
(http://www.tdevrocks.com.br/2015/08/14/mapview-
(http://www.tdevrocks.com.br/2015/01/28/tutorial-
(http://www.tdevrocks.com.br/2014/12/23/tutorial-
listview- utilizando-mapas-no- notificacoes-no-ios- criando-menu-pop-
2005-2015 TDevRocks. Todos
personalizado-para- os direitos reservados.
ios-e-android-com- TDevRocks marca registrada
e-android/) no Brasil e/ou outros pases.
up-no-android-e-ios-
Created by Site5 WordPress
aplicacoes-mobile/) Themes (http://www.s5themes.com/). Experts in WordPress
delphi-ou-c-xe8/) 11/) Hosting (http://gk.site5.com/t/611)