IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Android Discussion :

Réalisation IHM


Sujet :

Android

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 11
    Par défaut 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 :



    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

  2. #2
    Membre éclairé
    Inscrit en
    Décembre 2008
    Messages
    280
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 280
    Par défaut
    un TableLayout devrait t'aider non ?!

  3. #3
    Membre prolifique
    Avatar de Ryu2000
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2008
    Messages
    10 256
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2008
    Messages : 10 256
    Par défaut
    J'ai essayé un truc, mais ça doit pas être top, mais c'est un peu près ressemblant en landscape :

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

  4. #4
    Expert confirmé

    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Février 2007
    Messages
    4 253
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2007
    Messages : 4 253
    Billets dans le blog
    3
    Par défaut
    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 : 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
     
    <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>

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 11
    Par défaut
    merci pour vos réponses et conseils bon j'essaye regarde chaque méthode proposée....

Discussions similaires

  1. Charte de réalisation d'IHM
    Par geforce dans le forum E-Commerce
    Réponses: 1
    Dernier message: 28/09/2010, 21h48
  2. Réaliser une IHM attrayante sans faire 10 ans de code
    Par Space23 dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 26/03/2009, 22h55
  3. Comment réaliser une maquette d'une IHM?
    Par vonemya dans le forum Architecture
    Réponses: 5
    Dernier message: 14/09/2007, 15h45
  4. [IHM] Réaliser une interface graphique sur mac
    Par fjgaston dans le forum Développement OS X
    Réponses: 7
    Dernier message: 25/06/2007, 14h54
  5. Réalisation d'une IHM
    Par beb30 dans le forum C
    Réponses: 2
    Dernier message: 15/03/2006, 14h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo