Réalisation IHM

Version imprimable

26/06/2012, 14h15
83stef

Réalisation IHM

Bonjour, débutant sous le dev avec Android
pour un projet sous Android 4.x j'essaye de réalisé cette interface :

http://img15.hostingpics.net/thumbs/...0730screen.jpg

j'arrive séparément avec un layout pour chaque élément (listview, le bloc button ,...) à construire cette interface, mais je suis un peu perdu pour la réalisation
avec UN SEUL layout contenant tous les éléments de mon croquis: listview a gauche, bloc buttons en bas au centre, etc...

qui peut m'aider ? m'aiguiller, merci
stef
26/06/2012, 14h27
NameX

un TableLayout devrait t'aider non ?!

J'ai essayé un truc, mais ça doit pas être top, mais c'est un peu près ressemblant en landscape :

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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:baselineAligned="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
 
    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:orientation="horizontal">
 
 
        <ListView
            android:id="@+id/listView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
		android:layout_weight="1">
 
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_weight="1" >
 
            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TextView" />
 
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >
 
            <Button
                android:id="@+id/button1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Button" />
 
            <Button
                android:id="@+id/button2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Button" />
        </LinearLayout>
 
    </LinearLayout>
 
</LinearLayout>

Mais bon j'utilise des layout_weight et il y a beaucoup de LinearLayout dans des LinearLayout, c'est pas le top...
Mais bon ça ressemble vite fait, quand même.

RelativeLayout !

Gardes tes layouts dans des fichiers séparés, ca te sera utile quand tu voudras passer au mode portrait ;)

Donnes un ID aux layouts principaux (par exemple @+id/list_layout, @+id/text_layout @+id/buttons_layout) et utilises un relative-layout:

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
 
<RelativeLayout>
   <include
        android:layout_width="150dp"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        layout="@layout/list" />   
 
   <include
        android:layout_width="wrap_content" 
        android:layout_height="100dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_toRightOf="@+id/list_layout"
        layout="@layout/text"/>
 
   <include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_toRightOf="@+id/list_layout"
        android:layout_below="@+id/text_layout"
        layout="@layout/buttons"/>
 
</RelativeLayout>

27/06/2012, 06h46
83stef

merci pour vos réponses et conseils bon j'essaye regarde chaque méthode proposée....:ccool: