TextView et fo

Version imprimable

01/08/2014, 11h32
Gob59

1 pièce(s) jointe(s)

TextView et fo

Bonjour à tous,

Sait on faire dans un seul et unique TextView et avec une seule et unique chaine de caractère ce qui suit :
Pièce jointe 152524

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 ;)
01/08/2014, 11h46
grunk

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.
01/08/2014, 16h33
Gob59

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.
01/08/2014, 16h55
grunk

Quelque chose dans le genre :

Code:

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

et pour le css :

Code:

.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 :)
01/08/2014, 22h21
Hizin
Tout a fait possible avec du SpannableText.

Un truc comme
Code:

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.
04/08/2014, 09h30
Gob59

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.
04/08/2014, 10h27
Gob59

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.
04/08/2014, 10h32
grunk

Citation:

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
04/08/2014, 13h02
Hizin

Ah zut... je l'aurai pensé plus intelligent au niveau du formatage en ne "poussant" que la ligne concernée et pas les autres...
04/08/2014, 14h55
Gob59

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

1 pièce(s) jointe(s)

Code:

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 :
Pièce jointe 152756

Edit---

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

Code:

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

08/08/2014, 11h54
Gob59

Ca marche merveilleusement bien ;)

Merci !