Discussion :

[TWEESTY]

Bonsoir à tous,

Nous avons un gros problème d'affichage de notre menu. Enfin, pour que ce là marche nous mettons en brut le nombre de px ou doit situé chaque objet(Button,TextView)... Or comment faire pour que l'affichage fonctionne sur tous les portables, on peut pas utiliser de %?

Voici ce que l'on affiche(Sur l'émulateur c'est très bof):





Et voici le fichier.xml:

Code :

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

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?xml version="1.0" encoding="utf-8"?>
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 
 
 		<TextView 
		android:textStyle="bold" 
		android:gravity="center"
		android:layout_gravity="center" 
		android:visibility="visible" 
		android:layout_height="wrap_content" 
		android:layout_width="fill_parent" 
		android:layout_marginTop="15px"
		android:text="SimplyBus"
		android:textColor="#FFFFFF"
		android:textSize="20px"
		/>
 
		<Button
        android:id="@+id/button"
        android:layout_width="100px"
        android:layout_height="100px"
        android:padding="10dp"
        android:layout_marginTop="90px"
        android:layout_marginLeft="45px"
        android:background="@drawable/android_map"
        />
 
        <TextView 
		android:textStyle="bold" 
		android:gravity="right"
		android:visibility="visible" 
		android:layout_height="wrap_content" 
		android:layout_width="fill_parent" 
		android:text="SimplyBus"
		android:textColor="#FFFFFF"
		android:textSize="10px"
		android:layout_marginTop="450px"
		/>
 
		<Button
        android:id="@+id/button1"
        android:layout_width="100px"
        android:layout_height="100px"
        android:padding="10dp"
        android:layout_marginTop="90px"
        android:layout_marginLeft="185px"
        android:background="@drawable/android_infos"
        />
 
        <Button
        android:id="@+id/button2"
        android:layout_width="100px"
        android:layout_height="100px"
        android:padding="10dp"
        android:layout_marginTop="270px"
        android:layout_marginLeft="45px"
        android:background="@drawable/android_bus"
        />
 
        <Button
        android:id="@+id/button3"
        android:layout_width="100px"
        android:layout_height="100px"
        android:padding="10dp"
        android:layout_marginTop="270px"
        android:layout_marginLeft="185px"
        android:background="@drawable/android_bus"
        />
 
</RelativeLayout>

Merci de votre aide!

[Feanorin]

Bonjour,

Il me semble que le sujet a été abordé sur un autre post

px
Pixels - corresponds to actual pixels on the screen.

in
Inches - based on the physical size of the screen.

mm
Millimeters - based on the physical size of the screen.

pt
Points - 1/72 of an inch based on the physical size of the screen.

dp
Density-independent Pixels - an abstract unit that is based on the physical density of the screen. These units are relative to a 160 dpi screen, so one dp is one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion. Note: The compiler accepts both "dip" and "dp", though "dp" is more consistent with "sp".

sp
Scale-independent Pixels - this is like the dp unit, but it is also scaled by the user's font size preference. It is recommend you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user's preference.

Au lieu d'utiliser les px utilise de préférence les dip .

Maintenant ,vu la vue que tu proposes ,tu devrais pouvoir t'en sortir sans passer par les distances 'brutes', en passant directement avec les placements des layout dans ta vue .

Cordialement,

[TWEESTY]

Bonjour,

Merci de votre réponse!

Cependant, vous me connseillez d'utilisez des RelativeLayout, LinearLayout...?


Cordialement

[Feanorin]

Cependant, vous me connseillez d'utilisez des RelativeLayout, LinearLayout...?

Je pense que pour ce que tu veux faire les LinearLayout correspondent le mieux.

[TWEESTY]

Rebonsoir,

J'ai trouver un tutorial interressant sur les RelativeLayout, donc j'ai essayé tout çà.

Ce qui me donne:

Code :

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

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
52
53
54
55
56
57
58
59
60
61
62
63
64
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/lol"
 
>
 
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="SimplyBus"
android:layout_centerHorizontal="true"
 
android:textSize="40dp"
android:paddingBottom="80dip"/>
 
<ImageButton
android:id="@+id/button1"
android:layout_width="100px"
android:layout_height="100px"
android:layout_below="@id/text" 
android:paddingBottom="10dip"
android:layout_marginLeft="50dp" />
 
<ImageButton
android:id="@+id/button2"
android:layout_toRightOf="@id/button1"
android:layout_below="@id/text" 
android:layout_width="100px"
android:layout_height="100px"
/>
 
<ImageButton
android:id="@+id/button3"
android:layout_width="100px"
android:layout_height="100px"
android:layout_below="@id/button1" 
android:layout_marginLeft="50dp" />
/>
 
<ImageButton
android:id="@+id/button4"
android:layout_toRightOf="@id/button3"
android:layout_below="@id/button1" 
android:layout_width="100px"
android:layout_height="100px"
 
/>
 
<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="125dp"
android:layout_marginLeft="250dp"
android:text="Version 1.0"
android:textSize="10dp"
android:layout_below="@id/button3"
/>
</RelativeLayout>

Or mon bloc des quatres bouttons nest pas centré horizontalement, donc j'ai essayé de mettre un relative layoutimbriqué dans l'autre mais celà ne marche point.

Code :

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

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/lol"
android:layout_gravity="center"
 
>
 
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="SimplyBus"
android:textSize="40dp"
android:layout_centerHorizontal="true"
android:paddingBottom="80dip"/>
 
<RelativeLayout
android:layout_below="@id/text" 
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/lol2"
android:layout_centerHorizontal="true"
>
<ImageButton
android:id="@+id/button1"
android:layout_width="100px"
android:layout_height="100px"
android:layout_below="@id/text" 
android:paddingBottom="10dip"
 />
 
<ImageButton
android:id="@+id/button2"
android:layout_toRightOf="@id/button1"
android:layout_width="100px"
android:layout_height="100px"
/>
 
<ImageButton
android:id="@+id/button3"
android:layout_width="100px"
android:layout_height="100px"
android:layout_below="@id/button1" 
 />
 
 
<ImageButton
android:id="@+id/button4"
android:layout_toRightOf="@id/button3"
android:layout_below="@id/button1" 
android:layout_width="100px"
android:layout_height="100px"
 
/>
</RelativeLayout> 
<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="125dp"
android:layout_marginLeft="250dp"
android:text="Version 1.0"
android:textSize="10dp"
android:layout_below="@id/button3"
/>
</RelativeLayout>

Mais celà ne marche point.

Cordialement