Discussion :

[gamerounet]

Bonjour,

J'essaye de représenter une télécommande avec différents bouton. Je possède une image pour chaque bouton (8 au total), et je les positionne à l'aide de mon main.xml. J'essaye de les répartir à l'aide de différent layout sur la "télécommande". Cependant, étant trop gros, il ne rentre pas tous. Je les ai donc organisé dans différent layout, enfin qu'il soit placé à peu prés ou je le souhaite, cependant il dépasse, comme nous pouvons le voir ci dessous :



J'aurais donc souhaité diminuer la taille de chaque bouton en %, afin de faire en sorte que ces dernier rentre, mais je n'y arrive pas ni via le graphical layout, ni via le xml. J'ai rangé mes boutons dans plusieurs layouts :

Mon layout principal est un linearLayout, avec un fond blanc et un padding de 20, avec une orientation verticale. Ce dernier possédé un linear layout possédant en background l'image de ma télécommande vide (sans aucun bouton). J'ai ensuite rajouter 8 Buttons, chacun avec comme background l'image correspondant à son bouton. Ces derniers sont repartis à l'interieur du linearLayout de cette façon :
- Les 2 boutons du haut, GPS et EYE sont dans un relativeLayout (un en alignParentLeft, l'autre en right)
- les 2 boutons en dessous , menu et actualiser sont dans un autre relativeLayout (un en centerHorizontal et l'autre en aligneParentRight)
- les 3 boutons ensuite sont dans un autre relativeLayout (fleche gauche, menu, fleche droite ) (pareil qu'avant, un en alignParentLeft, un en centerHorizontal, et un en alignParentRight)
-enfin le dernier bouton est également dans un relativeLayout, en centerhorizontal.

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FEFEFE"
    android:orientation="vertical"
    android:padding="20dip" >
 
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/remote_background"
        a,d
        android:orientation="vertical" >
 
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="30dip" >
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:background="@drawable/buttongps" />
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:background="@drawable/buttoneye" />
        </RelativeLayout>
 
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="15dip" >
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:background="@drawable/buttonmenu" />
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="10dip"
                android:background="@drawable/buttonrepeat" />
        </RelativeLayout>
 
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingRight="20dip"
            android:paddingLeft="20dip" >
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:background="@drawable/buttongauche" />
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"               
                android:background="@drawable/buttonok" />
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@drawable/buttondroit" />
        </RelativeLayout>
 
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >
 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:background="@drawable/buttonphone" />
        </RelativeLayout>
    </LinearLayout>
 
</LinearLayout>

J'ai volontairement mis des padding en dip pour espérer ne pas avoir à réadapter mon IHM pour les différentes tailles d'écran, cependant, ce n'est pas le cas (j'utilise certes le simulateur pour visualiser le rendu, et ce n'est pas bon du tout



Si quelqu'un aurait une idée ou un conseil, je suis preneur!

Merci d'avance

[nicroman]

Hmmm... je ne sais si tu as un background "fixe"... dans ce cas, pourquoi ne pas intégrer les boutons directement dans le background, et gérer les "clicks" en pourcentage

[gamerounet]

Un background fixe? Pour l'instant, j'ai mis simplement ma telecommande vide en tant que android:background sur mon layout principal, et mes boutons sont dans des layout différents à l'interieur de ce layout principal... Je n'ai pas reussi a passer les boutons en %, pour l'instant ils sont en dip (j'ai pu lire sur plusieurs tutoriaux que c'était de cette façon qu'il fallait faire afin de gerer le multi telephone)

[avelix]

Un background fixe? Pour l'instant, j'ai mis simplement ma telecommande vide en tant que android:background sur mon layout principal, et mes boutons sont dans des layout différents à l'interieur de ce layout principal... Je n'ai pas reussi a passer les boutons en %, pour l'instant ils sont en dip (j'ai pu lire sur plusieurs tutoriaux que c'était de cette façon qu'il fallait faire afin de gerer le multi telephone)

moi mes boutons ce place bien :

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ns="gravity:http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#00CC99"
    android:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <TextView
            android:id="@+id/textView1"
            android:layout_width="363dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="@string/hello"
            android:textSize="38dp"
            android:textStyle="bold" />
 
        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >
 
            <VideoView
                android:id="@+id/Camera"
                android:layout_width="320dp"
                android:layout_height="240dp"
                android:layout_marginBottom="20dp"
                android:layout_marginLeft="120dp"
                android:layout_marginRight="20dp"
                android:layout_marginTop="20dp"
 
                android:drawingCacheQuality="auto"
                ns:layout="center_horizontal" android:focusable="true"/>
 
        </LinearLayout>
 
    </LinearLayout>
 
    <FrameLayout
        android:id="@+id/frameLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
 
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/texto"
             />
 
    </FrameLayout>
 
    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
 
       <!--   <Button
            android:id="@+id/button1"
            android:layout_width="154dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:onClick="wifi"
            android:text="@string/reglage"
 
            android:textColor="#ff1f2f"
            android:textStyle="bold"
            android:textSize="30dp"
 
            />-->
 
 
        <TextView
            android:id="@+id/textView2"
            android:layout_width="176dp"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textColor="#ffffff"
             android:textStyle="bold"
            android:text="@string/choix"
            android:textAppearance="?android:attr/textAppearanceLarge" />
 
    </LinearLayout>
 
    <TableLayout
        android:id="@+id/tableLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
 
        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
 
            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginLeft="160dp"
                android:clickable="true"
                android:textStyle="bold"
                android:text="@string/mouvement" />
 
 
        </TableRow>
 
        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
 
            <Button
                android:id="@+id/button3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:clickable="true"
                android:textStyle="bold"
                android:text="@string/mouve" />
 
            <TableRow
                android:id="@+id/tableRow3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
 
                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@android:string/ok"
                    android:src="@drawable/ic_launcher" />
 
                <Button
                    android:id="@+id/button4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:clickable="true"
                    android:textStyle="bold"
                    android:layout_marginLeft="70dp"
                    android:text="@string/mouve2" />
            </TableRow>
 
 
        </TableRow>
 
        <TableRow
            android:id="@+id/tableRow4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
 
            <Button
                android:id="@+id/button5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:clickable="true"
                android:layout_marginLeft="160dp"
                android:layout_marginTop="5dp"
                android:textStyle="bold"
                android:text="@string/mouvement1" />
 
 
        </TableRow>
    </TableLayout>
 
    <DigitalClock
        android:id="@+id/digitalClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/temps"
        android:textSize="50dp" 
        android:textColor="#FFF3FF"/>
 
</LinearLayout>