Problème Intégration Expandable List View

Version imprimable

Voir 40 message(s) de cette discussion en une page

02/07/2012, 22h37
abablex

Citation:

Envoyé par nicroman

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?
03/07/2012, 04h10
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.

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:

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:

this.menuAndPriceShown

dans ton .JAVA?

03/07/2012, 14h29
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).

Citation:

Envoyé par nicroman

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:

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:

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

03/07/2012, 16h24
nicroman

non mais c'est findViewById... pas getView
03/07/2012, 16h45
italia57

tu entends quoi par un séparator avant chacun ?
03/07/2012, 16h58
abablex

Citation:

Envoyé par 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.

OK, je vais voir ce que je pourrai faire. Merci :)
04/07/2012, 08h40
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 ?

Voir 40 message(s) de cette discussion en une page