Centrer un texte dans un LinearLayout sur 2 lignes

Version imprimable

2 pièce(s) jointe(s)

Bonjour,
J'ai un p'tit problème de layout avec l'internationalisation. Quand un text en anglais prend 1 ligne, il est bien centré mais quand il est traduit en francais et prend alors 2 lignes, il est décalé sur la gauche.

Voici le layout

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">
 
    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal"
        android:background="@drawable/shape_plan"
        android:orientation="vertical">
 
        <TextView
            android:id="@+id/price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:textColor="@android:color/black"
            android:textSize="40sp"
            android:textStyle="bold" />
 
        <TextView
            android:id="@+id/period"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:textSize="20sp" />
    </LinearLayout>
 
 
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="false"
        android:layout_marginTop="10dp"
        android:textColor="@android:color/black"
        android:textSize="23sp"
        android:textStyle="bold" />
 
    <TextView
        android:id="@+id/title_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:textSize="20sp" />
</LinearLayout>

et les visuels :
Pièce jointe 205991 Pièce jointe 205992

J'ai tenté en rajoutant l'attribut android:singleLine="false", mais ca n'a rien changé

05/04/2016, 14h17
vinlap

Bonjour,

J'imagine que ton Layout est inclus dans un autre Layout. Comme ton LinearLayout père a pour largeur "match_parent", est-ce que la place qu'il a ne serait pas plus grande en français qu'en anglais ? Car j'ai exactement ce que tu décris si je met la largeur du LinearLayout père à 250dp...

Citation:

Envoyé par Turvy

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">
 
    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal"
        android:background="@drawable/shape_plan"
        android:orientation="vertical">
 
        <TextView
            android:id="@+id/price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:textColor="@android:color/black"
            android:textSize="40sp"
            android:textStyle="bold" />
 
        <TextView
            android:id="@+id/period"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:textSize="20sp" />
    </LinearLayout>
 
 
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="false"
        android:layout_marginTop="10dp"
        android:textColor="@android:color/black"
        android:textSize="23sp"
        android:textStyle="bold" />
 
    <TextView
        android:id="@+id/title_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:textSize="20sp" />
</LinearLayout>

et les visuels :
Pièce jointe 205991 Pièce jointe 205992

J'ai tenté en rajoutant l'attribut android:singleLine="false", mais ca n'a rien changé

Salut,

essaie ceci :

Code:

android:textAlignment="center"

05/04/2016, 14h35
Turvy

@ vinlap : il s'agit du layout d'une custom view qui est introduite dynamiquement dans un autre linearlayout avec un layout_weight de 1. Quand j'en seulement 2 d'affichés, c'est bien présenté, comme en anglais, mais à 4, ca prend trop de place et s'organise comme montré précédemment.

@ kader15 : ca marche surement, mais j'ai oublié de préciser que je suis sous Android 2.3 (obligation du projet) et ta solution nécessite l'api 17.

En fixant la taille du layout pere, ca coupe le texte voisin si elle est trop grande
07/04/2016, 09h30
Hizin

Et cette obligation repose sur quoi ?
A moins d'être dans un cas extrêmement précis, tu peux faire évoluer la version minimale en montrant simplement que les terminaux Android sous 2.3 n'existent plus.
https://developer.android.com/about/...rds/index.html

En regardant les divers analytics du projet (au moins ceux de la console Google Play), tu devrais avoir une répartition des versions adaptée à ton application et d'autres chiffres appuyant le fait que conserver la compatibilité 2.3 est inutile. Sans compter les divers arguments sur la dette technique engendrée, ton manque de formation sur les sorties Android (pour pouvoir rester à la page), le temps de développement rallongé (vu que plus personne ne développe sur cette version) ainsi que les recommandations Google de supporter Android 4 (ou 4.2) au minimum.
07/04/2016, 23h52
Turvy

Sans trop détailler, il s'agit d'un projet pro pour des horodateurs, avec une tablette spécifique (produite par le fabricant d'horodateurs) et qui ne fonctionne donc que sous Android 2.3. Si j'avais le choix, je ne m'embêterais pas avec une api dépassée depuis 4-5 ans.

Sinon, j'ai réussi à m'en sortir en mettant android:gravity="center_horizontal" sur mon textview aussi.
08/04/2016, 09h14
Hizin

Ca me rappelle des souvenirs, ce genre de projet...

OK, un cas particulier...

Peux-tu passer par une webview plutôt que par un TextView pour utiliser <center> dessus (ou la propriété CSS idoine) ?
08/04/2016, 15h46
Corailla20
Salut !

Essaye d'ajouter ces deux lignes à ta TextView :
Code:

1 2 3 android:singleLine="false" android:textAlignment="center"
Normalement ça devrait faire l'affaire :)

(Mince ça a déjà été dit en fait, autant pour moi :))
08/04/2016, 22h10
Turvy

Je pourrais p'tet passer par une webview mais maintenant que ca marche, je ne vais pas tout changer :)