TextView et fo

**Gob59** · 01/08/2014, 11h32

Bonjour à tous,

Sait on faire dans un seul et unique TextView et avec une seule et unique chaine de caractère ce qui suit :
Nom : Capture d’écran 2014-08-01 à 11.24.50.png
Affichages : 75
Taille : 6,4 Ko

Nom : Capture d’écran 2014-08-01 à 11.24.50.png
Affichages : 75
Taille : 6,4 Ko

c'est a dire :
- prendre la 1ere lettre de la Chaine
- la mettre en grande Police
- que le texte viennent ensuite se caler "autour"

Et sinon, comment le réaliser le plus simplement possible?

D'avance merci

**grunk** · 01/08/2014, 11h46

Avec un textview c'est pas possible , et ça me semble compliqué à réalisé avec les layout classique.
Le plus simple qui me vient en tête c'est d'utiliser une webview et de réaliser ça en html/css.

**Gob59** · 01/08/2014, 16h33

bonne idée!

hum je ne suis pas super calé en html/css, je vais chercher mais si tu pouvais me mettre ce a quoi cela ressemblerait ca me ferait gagner du temps a coup sur ^^

En tout cas merci pour la piste, je vais creuser.

**grunk** · 01/08/2014, 16h55

Quelque chose dans le genre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p class="lettrine">Lorem Ipsum dolor sit amen</p>

et pour le css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.lettrine::first-letter{font-size:300%;float:left}

La clé c'est le pseudo élément ::first-letter

Sinon une recherche sur "Lettrine css" devrait te donner plein d'infos

**Hizin** · 01/08/2014, 22h21

Tout a fait possible avec du SpannableText.

Un truc comme

Code Java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
Spannable text = "lorem ipsum dolor sit amet";
text.setSpan(new RelativeSizeSpan(3f), 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
monTextView.setText(text);

devrait faire l'affaire (non-testé).

Les Spannable sont assez puissant pour réaliser du texte stylisé sans passer par du HTML.

EDIT : après recherche, first-letter est un attribut CSS 3, je doute du support au niveau d'Android. Potentiellement sur les Android 4.4+, qui change drastiquement la WebView.

**Gob59** · 04/08/2014, 09h30

Ma foi j'ai deja utilisé les spannable pour formatter/colorer une partie d'une chaine de caractère mais je n'y ai pas pensé le cas présent... je vais tester ta solution et creuser du coté des spannables dans ce cas.

**Gob59** · 04/08/2014, 10h27

Je viens de tester, cela me met le N en plus grand mais le reste du texte ne se met pas autour.

C'est a dire que seule la 1ere ligne se situe à la droite du N au lieu des 2 1eres puis la 3eme en dessous.

**grunk** · 04/08/2014, 10h32

Envoyé par Hizin

EDIT : après recherche, first-letter est un attribut CSS 3, je doute du support au niveau d'Android. Potentiellement sur les Android 4.4+, qui change drastiquement la WebView.

C'est défini depuis CSS1 mais revu en CSS2 donc compatible avec à peut près tout et n'importe quoi

Je connaissais pas les SpannableText , mais je suis pas convaincu que ça permette la mise en forme voulue

**Hizin** · 04/08/2014, 13h02

Ah zut... je l'aurai pensé plus intelligent au niveau du formatage en ne "poussant" que la ligne concernée et pas les autres...

**Gob59** · 04/08/2014, 14h55

Arf, je continuerai à chercher sur mon temps perso mais si vous avez une soluce je suis preneur

**grunk** · 04/08/2014, 15h21

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	String lettrine = "<html><head><style type=\"text/css\">.lettrine::first-letter{font-size:200%;float:left}</style></head><body><p class=\"lettrine\">Lorem Ipsum dolor sit amen Lorem Ipsum dolor sit amen Lorem Ipsum dolor sit amen Lorem Ipsum dolor sit amen</p></body></html>";
	WebView w = new WebView(this);
	w.loadData(lettrine, "text/html; charset=utf-8",null);
 
	setContentView(w);
}

Ce qui donne :
Nom : letrt.png
Affichages : 101
Taille : 29,9 Ko

Edit---

Sous 2.x il semblerait qu'il faille plutot utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

loadDataWithBaseURL(null, lettrine, "text/html", "utf-8", null);

**Gob59** · 08/08/2014, 11h54

Ca marche merveilleusement bien

Merci !

TextView et fo

Composants graphiques Android

Discussions similaires

Partager

Partager