09.02.2017 Views

creez-des-applications-pour-android

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

3 Création d’interfaces graphiques<br />

Figure 3.43 – Le texte est mis en forme en temps téel dans la zone de prévisualisation<br />

3.5.2 Spécifications techniques<br />

3.5.2.1 Fichiers à utiliser<br />

On va d’abord utiliser les smileys du Site du Zéro : .<br />

Pour les boutons, j’ai utilisé les 9-patches visibles à la figure suivante.<br />

3.5.2.2 Le HTML<br />

3.5.2.2.1 Les balises Comme vous avez pu le constater, nos textes seront formatés à l’aide du<br />

langage de balisage HTML. Rappelez-vous, je vous avais déjà dit qu’il était possible d’interpréter<br />

du HTML dans un TextView ; cependant, on va procéder un peu différemment ici comme je vous<br />

l’indiquerai plus tard.<br />

Heureusement, vous n’avez pas à connaître le HTML, juste certaines balises de base que voici :<br />

Effet désiré<br />

Écrire en gras<br />

Écrire en italique<br />

Souligner du texte<br />

Insérer une image<br />

Changer la couleur de la police<br />

Balise<br />

Le texte<br />

Le texte<br />

Le texte<br />

<br />

Le<br />

texte<br />

3.5.2.2.2 L’évènementiel Ensuite, on a dit qu’il fallait que le TextView interprète en temps<br />

réel le contenu de l’EditText. Pour cela, il suffit de faire en sorte que chaque modification de<br />

l’EditText provoque aussi une modification du TextView : c’est ce qu’on appelle un évènement.<br />

Comme nous l’avons déjà vu, <strong>pour</strong> gérer les évènements, nous allons utiliser un Listener. Dans<br />

ce cas précis, ce sera un objet de type TextWatcher qui fera l’affaire. On peut l’utiliser de cette<br />

manière :<br />

158 editText.addTextChangedListener(new TextWatcher() {<br />

@Override

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!