Séparer une activité et y lancer la caméra

Version imprimable

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:

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

27/11/2011, 15h23
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. :ccool:

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

Cordialement
27/11/2011, 15h36
benthebest

Merci de ta réponse,

Citation:

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

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:

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>

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

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

Alors déjà enlève le gravity.

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

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

27/11/2011, 17h06
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 ?)

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

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
<?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 :
http://img705.imageshack.us/img705/8361/aideh.jpg

Uploaded with ImageShack.us

Citation:

(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

Ok ! Merci bcp, la c'est mieux :)

Voici le code :

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

27/11/2011, 17h42
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
27/11/2011, 21h51
benthebest

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