Discussion :

[benthebest]

Hello !

Alors je débute en dev Android, donc merci d'être indulgent

Voila, j'ai une activité principale avec un linearLayout qui prend tout l'écran, en mode vertical. J'aimerai séparer celui-ci en 2 parties :
1- 3/4 de la partie haute, où figurerait la vue de la caméra (ou de l'appareil photo, c'est pareil je pense)
2- 1/4 du bas pour y placer 3 boutons fixes (eux aussi dans un linearLayout).

Dans le (1), j'aimerai afficher la vue de la caméra (sans forcément enregistrer une vidéo, pour le moment).

Je rencontre 2 soucis (distincts certes):
a- Je n'arrive pas à déplacer (2) tout en bas de l'écran
b- je ne sais pas bien comment m'y prendre pour afficher la vue de l'écran dans (1)

Voici le code de mon fichier main.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
 
<?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:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/layoutCamera"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="true" >
 
    <!-- Vue caméra --> 
 
    </LinearLayout>    
 
 
    <LinearLayout
        android:id="@+id/layoutMenu"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="true"
        android:layout_gravity="bottom"  >
 
        <Button
            android:id="@+id/Button1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Play" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Pause" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Rest Area" />
 
    </LinearLayout>
 
</LinearLayout>

Ce code affiche bien les 3 boutons fixes mais en haut de l'écran ...

Voila si vous avez besoin de données complémentaires dites moi.

Merci pour votre aide

[FF_enec]

Bonjour,

Tu peux ajouter des LinearLayout dans les LinearLayout eux même.

Tu peux également modifier l'emplacement des composants selon leur "poids".
La hauteur et la largeur est soit selon l'élément parent ou fils.

Avec ceci, il sera simple de mettre les composants ou tu veux.

Je te renvoi aux sources : http://developer.android.com/guide/t...ex.html#Layout

Cordialement

[benthebest]

Merci de ta réponse,

Tu peux ajouter des LinearLayout dans les LinearLayout eux même.

C'est bien ce que j'ai fait : j'ai un 2e LinearLayout (ligne 19 dans mon code) qui est sensé étre en bas (gravity : bottom) et pourtant, il reste en haut ...

[FF_enec]

Regarde du coté des "poids".

Tu peux lui dire que tel composant doit occupé 1/4 de l'écran et que l'autre tout le reste.

Voici un lien utile : http://android.developpez.com/cours/


Exemple :

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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 >
<Button
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="Button 1"
 android:layout_weight="2"
 />
 
 <Button
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="Button 2"
 android:layout_weight="1"
 />
 
</LinearLayout>

[benthebest]

Bizzare, j'ai rajouté les poids aux LinearLayout internes (respectivement égale à 2 et 1) et ça ne change rien ...

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
 
<?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:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/layoutCamera"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="true" 
        android:layout_weight="2" >
 
    </LinearLayout>    
 
    <LinearLayout
        android:id="@+id/layoutMenu"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="true"
        android:layout_weight="1"
        android:layout_gravity="bottom" >
 
        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Play" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Pause" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Rest Area" />
 
    </LinearLayout>
 
</LinearLayout>

[FF_enec]

Alors déjà enlève le gravity.

Pour les 2 LinearLayout que tu veux placer mets plutôt :

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
 
<?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:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/layoutCamera"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2" >
 
    </LinearLayout>    
 
    <LinearLayout
        android:id="@+id/layoutMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">
 
        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Play" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Pause" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Rest Area" />
 
    </LinearLayout>
 
</LinearLayout>

Sinon pour ton menu, pourquoi n'utilises tu pas la fonction donnée par java "Menu" : http://developer.android.com/guide/topics/ui/menus.html

[benthebest]

Merci de ton aide

Malheureusement, ça ne change tjrs rien, les 3 boutons sont tjrs en haut ...

Pour ce qui est du menu, je sais et j'en est inclus un d'ailleurs (contenant 2 item : options et quitter) qui apparait en cliquant sur le bouton menu seulement.

Pour les 3 boutons, j'appelle cela "layoutMenu" mais en réalité ce sont des boutons fixes qui devront tout le temps apparaitre.

(il me semble aussi que le tag <menu> ne fonctionne qu'en appuyant sur la touche menu et ne peut pas être fixe, je me trompe ?)

[FF_enec]

Décidément alors...
Voici se que je viens de faire si jamais ça peut aider :

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
<?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:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:layout_weight="2">
    </LinearLayout>
 
    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:layout_weight="1">
 
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />
 
    </LinearLayout>
 
</LinearLayout>

Ca donne deux parties :
-1 qui prend 2/3 de l’écran
-1 qui prend le reste (1/3)

-3 boutons dans le deuxième LinearLayout

Voila le résultat :


Uploaded with ImageShack.us

(il me semble aussi que le tag <menu> ne fonctionne qu'en appuyant sur la touche menu et ne peut pas être fixe, je me trompe ?)

Il me semble que oui

[benthebest]

Ok ! Merci bcp, la c'est mieux

Voici le code :

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
<?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:orientation="vertical" >
 
    <LinearLayout
        android:id="@+id/layoutCamera"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="8" >
    </LinearLayout>
 
    <LinearLayout
        android:id="@+id/layoutMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
 
        <Button
            android:id="@+id/button1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Play" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Pause" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:text="Rest Area" />
    </LinearLayout>
 
</LinearLayout>

Avec ceci, j'obtiens bien le rendu attendu

Maintenant, concernant la vue camera à intégrer dans le LayoutCamera, aurai tu une piste ?

Merci encore

[FF_enec]

Content d'avoir pu t'aider.

Pour la caméra, je n'ai jamais pratiquer.

Vraiment désolé, regarde sur certain site tel que :

http://developer.android.com/guide/topics/ui/menus.html

Ou tout simplement sur www.developpez.net


Cordialement

[benthebest]

Ok pas de problème, merci encore pr ton aide