Discussion :

[abablex]

Enfin... je veux pas être désagréable.... Mais cela m'a tout l'air être du simple affichage de données déportées (PHP, MySQL)... il vaudrait largement mieux faire un site web HTML5 (support de tous les smartphones, pas d'appli à installer)... A moins que l'appli se veuille offline, ou utilise des données particulières du téléphone....

Ce genre d'interface nécessite une vingtaine de minutes sous jQuery-Mobile...

Bonjour nicroman,
cette idée m'intéresse beacoup juste pour m'entrainer. J'ai un peu de temps libre. Pourriez-vous me l'expliciter pour que je me lance?

[nicroman]

Il n'y a pas vraiment de truc à expliquer, c'est du HTML5, CSS3... JavaScript... AJAX...

Il suffit d'inclure le javascript jQuery + jQueryMobile et de suivre les tutaux....
Ensuite adapter le CSS à ce qu'on veut faire.

Pour ce qui est de la geoloc, il y a un tas de tutoriaux javascript aussi.
La sauvegarde locale / session...
etc.

[italia57]

Tu as une autre idée nicroman quand tu dis c'est tout à fait faisable ? Tu penses à autre chose que ta solution avec le bouton ?

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
 
public void onTitleClick(View v)
{
    int id = v.getId();
    switch (id) {
        case R.id.MenuAndPriceTitle:
            this.menuAndPriceShown = onToggleLayout(v,R.id.MenuAndPrice,this.menuAndPriceShown);
            break;
        case R.id.InformationTitle:
            this.infoShown = onToggleLayout(v,R.id.Information,this.infoShown );
            break;
    }
}
 
public boolean onToggleLayout(View titleView, int layoutId, boolean prevState)
{
    boolean newState = !prevState;
    int iconId = titleView.getImageLeft();
    titleView.set??????(iconId,0,newState?R.drawable.bar_icon_open:R.drawable.bar_icon_closed);
    titleView.setBackground(newState?R.drawable.bar_back_open:R.drawable.bar_back_closed);
    View layout = getView(layoutId);
    layout.setVisibility(newState?View.VISIBLE:View.GONE);
    return newState;
}

A quoi correspond

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.menuAndPriceShown

dans ton .JAVA?

[nicroman]

Juste un booleen pour suivre l'état de l'interface....
On pourrait très bien le récupérer automatiquement a parti de l'état (caché ou nom) du layout (c'est d'ailleurs probablement mieux).

[italia57]

Non mais tu peux tout faire 'à la main'....
Si le nombre de 'section' n'est pas trop grand...

Par exemple (attention je ne suis pas sur d'un certain nombre d'attributs, à toi de chercher les bons):

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
 
<ScrollView>
   <LinearLayout orientation="vertical">
     <TextView id="@+id/MenuAndPriceTitle"
           imageLeft="@drawable/menu_icon"
           imageRight="@drawable/bar_icon_closed"
           background="@drawable/bar_back_closed"
           onClick="onTitleClick"
           layout_width="fill_parent" layout_height="wrap_content"/>
     <LinearLayout id="@+id/MenuAndPrice" visibility="gone">
           ... les éléments menu et prix avec un 'separator' avant chacun ...
     </LinearLayout>
 
     <TextView id="@+id/InformationTitle"
           imageLeft="@drawable/menu_icon"
           imageRight="@drawable/bar_icon_closed"
           background="@drawable/bar_back_closed"
           layout_width="fill_parent" layout_height="wrap_content"/>
     <LinearLayout id="@+id/Information" visibility="gone" layout_width="fill_parent" layout_height="wrap_content">
           ... les éléments information avec un 'separator' avant chacun ...
     </LinearLayout>
   </LinearLayout>
</ScrollView>

Et ensuite dans 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
 
public void onTitleClick(View v)
{
    int id = v.getId();
    switch (id) {
        case R.id.MenuAndPriceTitle:
            this.menuAndPriceShown = onToggleLayout(v,R.id.MenuAndPrice,this.menuAndPriceShown);
            break;
        case R.id.InformationTitle:
            this.infoShown = onToggleLayout(v,R.id.Information,this.infoShown );
            break;
    }
}
 
public boolean onToggleLayout(View titleView, int layoutId, boolean prevState)
{
    boolean newState = !prevState;
    int iconId = titleView.getImageLeft();
    titleView.set??????(iconId,0,newState?R.drawable.bar_icon_open:R.drawable.bar_icon_closed);
    titleView.setBackground(newState?R.drawable.bar_back_open:R.drawable.bar_back_closed);
    View layout = getView(layoutId);
    layout.setVisibility(newState?View.VISIBLE:View.GONE);
    return newState;
}

Il doit y avoir d'autres moyen de faire j'en suis sur....

Java ne reconnait pas getView (ligne 21 du deuxième bloque de code) quand j'implémente ta solution

[nicroman]

non mais c'est findViewById... pas getView

[italia57]

tu entends quoi par un séparator avant chacun ?

[abablex]

Il n'y a pas vraiment de truc à expliquer, c'est du HTML5, CSS3... JavaScript... AJAX...

Il suffit d'inclure le javascript jQuery + jQueryMobile et de suivre les tutaux....
Ensuite adapter le CSS à ce qu'on veut faire.

Pour ce qui est de la geoloc, il y a un tas de tutoriaux javascript aussi.
La sauvegarde locale / session...
etc.

OK, je vais voir ce que je pourrai faire. Merci

[italia57]

J'ai réussi à intégrer tout le code mais rien ne se passe au clic, ça devrait bien se dérouler on est d'accord ?