Question à propos de l'IHM

Version imprimable

29/04/2013, 15h54
sami_c

Question à propos de l'IHM

Bonjour,
Dans un livre d'ergonomie, j'ai lu que dans une application pour smartphone il fallait placer le menu en bas afin qu'il soit rapidement accessible et éviter de cacher une partie de l'écran :
http://wordpress.60questions.net/wp-...nogier0002.jpg
Source : http://blog.60questions.net/2012/01/...on-actualisee/

Cette "règle" est bien gérée dans iOS puisqu'une tab bar est située toujours en bas :
http://www.techotopia.com/images/7/7...pp_running.jpg
Mais ce n'est pas le cas avec Android ou la tab bar est située en haut :
http://docs.xamarin.com/static/guide...elloViews5.png

J'ai donc trouvé bizarre que Google n'ai pas pris ça en compte lors de la création de ses interfaces !!!

Quelqu'un peut m'expliquer la logique d'Android dans tout ça ?
29/04/2013, 16h13
Simon MARQUIS

La logique d'Android est d'utiliser à chaque fois que c'est possible, le swipe.
Plus d'explications par ici : http://developer.android.com/design/...l#between-tabs

Il est tout à fait possible de mettre un tabWidget en bas de page :

Dans ton TabHostplace un LineaLayoutdans lequel tu place un FrameLayoutpuis un TabWidgetDéfini la hauteur du framelayout et du tabWidget à wrap_content
Défini le poids (layout_weight) du framelayout à 1
Défini le poids de TabWidget à 0
Défini la marge inférieur de TabWidget à -4dp pour masquer le séparateur

Code final :

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
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
 
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp">
 
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_weight="1"/>
 
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:layout_marginBottom="-4dp"/>
 
    </LinearLayout>
 
</TabHost>

Source : http://stackoverflow.com/questions/2...-at-the-bottom

01/05/2013, 01h17
atha2

Citation:

Envoyé par sami_c

Quelqu'un peut m'expliquer la logique d'Android dans tout ça ?

[troll=ON] Apple a breveté le placement de la barre d'onglet en bas[troll=OFF] Mais je serai pas étonné que Google ai choisi de la mettre en haut pour se différentier d'iOS.

@grunk : je n'ai pas vu d'exemple d'application qui le faisait avec les fragments. C'est vraiment possible de le faire sans utiliser des composants deprecated ??
01/05/2013, 11h44
Simon MARQUIS

Citation:

Envoyé par atha2

C'est vraiment possible de le faire sans utiliser des composants deprecated ??

Oui, tout est possible :)
En fait, simplement en utilisant la librairie ViewPagerIndicator. Il suffit d'utiliser le "module" Tabs (par exemple) et de le placer en dessous du ViewPager :ccool:
01/05/2013, 22h19
nicroman

Pour répondre à la toute première question:

1. Android recommande de ne jamais utiliser de menus juste pour "intéragir" avec l'interface existante. les gestures sont là pour cela, le press / longpress etc...

2. Quand on arrive dans un tab-host on va de toute manière switcher de vue, donc on se fiche éperdument de ce qu'il y a actuellement à l'écran (puisque cela va changer).

3. On ne devrait plus utiliser de tab-host, mais l'action-bar, qui a la particularité de présenter la navigation en haut, et les actions en bas en général (ça tombe bien non ?).