ANDROID - ExpandableListView

Je suppose, vous avez vos données structuré d'une certaine manière, comme:
Liste de tableaux où

• Parent {nom:String, checked:boolean,
  enfants:ArrayList} et
• Enfant {nom:String}

Si oui, vous n'avez qu'à faire deux choses:

1. créer nos propres mises en page pour votre
   parent rendu d'élément et de l'enfant de l'élément de
   convertisseur
2. développez BaseExpandableListAdapter à
   construire la liste vous-même.

Ici est un petit échantillon de ce qui est dans mon esprit:

layout/grouprow.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:orientation="horizontal"
    android:gravity="fill" android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- PARENT -->
    <TextView android:id="@+id/parentname" android:paddingLeft="5px"
        android:paddingRight="5px" android:paddingTop="3px"
        android:paddingBottom="3px" android:textStyle="bold" android:textSize="18px"
        android:layout_gravity="fill_horizontal" android:gravity="left"
        android:layout_height="wrap_content" android:layout_width="wrap_content" />
    <CheckBox android:id="@+id/checkbox" android:focusable="false" 
        android:layout_alignParentRight="true" android:freezesText="false"
        android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:layout_marginTop="5px" />
</RelativeLayout>

layout/childrow.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent" 
    android:layout_height="wrap_content" android:padding="0px">
    <!-- CHILD -->
    <TextView android:id="@+id/childname" android:paddingLeft="15px" 
        android:paddingRight="5px" android:focusable="false" android:textSize="14px"
        android:layout_marginLeft="10px" android:layout_marginRight="3px" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" />
</LinearLayout>

MyELAdapter classe: j'ai déclaré que c'était un intérieur classe de MyExpandableList, afin que je puisse accéder à la liste des parents directement, sans avoir à passer comme paramètre.

private class MyELAdapter extends BaseExpandableListAdapter
{
private LayoutInflater inflater;
public MyELAdapter()
{
inflater = LayoutInflater.from(MyExpandableList.this);
}
@Override
public View getGroupView(int groupPosition, boolean isExpanded, 
View convertView, ViewGroup parentView)
{
final Parent parent = parents.get(groupPosition);
convertView = inflater.inflate(R.layout.grouprow, parentView, false);
((TextView) convertView.findViewById(R.id.parentname)).setText(parent.getName());
CheckBox checkbox = (CheckBox) convertView.findViewById(R.id.checkbox);
checkbox.setChecked(parent.isChecked());
checkbox.setOnCheckedChangeListener(new CheckUpdateListener(parent));
if (parent.isChecked())
convertView.setBackgroundResource(R.color.red);
else
convertView.setBackgroundResource(R.color.blue);
return convertView;
}
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, 
View convertView, ViewGroup parentView)
{
final Parent parent = parents.get(groupPosition);
final Child child = parent.getChildren().get(childPosition);
convertView = inflater.inflate(R.layout.childrow, parentView, false);
((TextView) convertView.findViewById(R.id.childname)).setText(child.getName());
return convertView;
}
@Override
public Object getChild(int groupPosition, int childPosition)
{
return parents.get(groupPosition).getChildren().get(childPosition);
}
@Override
public long getChildId(int groupPosition, int childPosition)
{
return childPosition;
}
@Override
public int getChildrenCount(int groupPosition)
{
return parents.get(groupPosition).getChildren().size();
}
@Override
public Object getGroup(int groupPosition)
{
return parents.get(groupPosition);
}
@Override
public int getGroupCount()
{
return parents.size();
}
@Override
public long getGroupId(int groupPosition)
{
return groupPosition;
}
@Override
public void notifyDataSetChanged()
{
super.notifyDataSetChanged();
}
@Override
public boolean isEmpty()
{
return ((parents == null) || parents.isEmpty());
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition)
{
return true;
}
@Override
public boolean hasStableIds()
{
return true;
}
@Override
public boolean areAllItemsEnabled()
{
return true;
}
}

Vous devez déjà avoir une classe publique MyExpandableList extends ExpandableListActivity qui a un membre:

private ArrayList<Parent> parents;

après vous affectez une valeur à ce membre /charger la liste des parents, vous devez également joindre votre carte de ce point de vue:

this.setListAdapter(new MyELAdapter());

et c'est tout. Vous avez un tel menu-liste extensible, et dans le CheckUpdateListener's onCheckedChanged(CompoundButton buttonView, boolean isChecked) méthode, vous pouvez mettre à jour votre objet parent de l'état activé.

Noter que la couleur d'arrière-plan est déterminé dans le getGroupView méthode, de sorte que vous n'avez pas à modifier n'importe où, il suffit d'appeler la carte notifyDataSetChanged() méthode si nécessaire.

Mise à jour

vous pouvez télécharger le code source de l'exemple de ce lien. C'est un projet eclipse, mais si vous utilisez un autre environnement de développement, il suffit simplement de copier les fichiers source nécessaires (java + xml).

OriginalL'auteur rekaszeru