Problème affichage avec les Layouts

Version imprimable

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):

http://2.speed-pictures.net/32396420...acb82b88a8.jpg

Et voici le fichier.xml:

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
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!

17/02/2011, 16h45
Feanorin

Bonjour,

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

Citation:

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,
17/02/2011, 19h17
TWEESTY

Bonjour,

Merci de votre réponse!

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

Cordialement
17/02/2011, 21h37
Feanorin

Citation:

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

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

Rebonsoir,

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

Ce qui me donne:

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
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:

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