¿Cómo agregar una imagen en la lista expandible en Parent en Android?

¿Y es posible personalizar al niño en una lista ampliable?

Trabajar con SimpleExpandableListAdapter es cualquier cosa menos simple. Aquí hay un código que debe comenzar, suponiendo que esté usando ExpandableListActivity .

En este ejemplo, usamos el estándar android.R.layout.simple_expandable_list_item_1 para nuestra vista de encabezado de grupo, pero usamos nuestro propio diseño personalizado para los niños.

  // Construct Expandable List final String NAME = "name"; final String IMAGE = "image"; final LayoutInflater layoutInflater = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE); final ArrayList> headerData = new ArrayList>(); final HashMap group1 = new HashMap(); group1.put(NAME, "Group 1"); headerData.add( group1 ); final HashMap group2 = new HashMap(); group2.put(NAME, "Group 2"); headerData.add( group2); final ArrayList>> childData = new ArrayList>>(); final ArrayList> group1data = new ArrayList>(); childData.add(group1data); final ArrayList> group2data = new ArrayList>(); childData.add(group2data); // Set up some sample data in both groups for( int i=0; i<10; ++i) { final HashMap map = new HashMap(); map.put(NAME, "Child " + i ); map.put(IMAGE, getResources().getDrawable(R.drawable.icon)); ( i%2==0 ? group1data : group2data ).add(map); } setListAdapter( new SimpleExpandableListAdapter( this, headerData, android.R.layout.simple_expandable_list_item_1, new String[] { NAME }, // the name of the field data new int[] { android.R.id.text1 }, // the text field to populate with the field data childData, 0, null, new int[] {} ) { @Override public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { final View v = super.getChildView(groupPosition, childPosition, isLastChild, convertView, parent); // Populate your custom view here ((TextView)v.findViewById(R.id.name)).setText( (String) ((Map)getChild(groupPosition, childPosition)).get(NAME) ); ((ImageView)v.findViewById(R.id.image)).setImageDrawable( (Drawable) ((Map)getChild(groupPosition, childPosition)).get(IMAGE) ); return v; } @Override public View newChildView(boolean isLastChild, ViewGroup parent) { return layoutInflater.inflate(R.layout.expandable_list_item_with_image, null, false); } } ); 

Y dentro de su diseño infantil personalizado, llamado expandable_list_item_with_image.xml :

      

Puede intentar crear su propio adaptador de lista que extienda BaseExpandableListAdapter tal como se describe en la documentación .

A continuación, anule la función getGroupView(..) (para elemento principal, u getChildView para elemento hijo) y en esta función puede inflar su propio diseño xml.

algo como esto:

 public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { View v = convertView; if (v == null) { //sender is activity from where you call this adapter. Set it with construktor. LayoutInflater vi = (LayoutInflater)sender.getSystemService(Context.LAYOUT_INFLATER_SERVICE); v = vi.inflate(R.layout.row, null); } //children = arraylists of Child Child c = children.get(childPosition); if (c != null) { TextView tt = (TextView) v.findViewById(R.id.toptext); TextView bt = (TextView) v.findViewById(R.id.bottomtext); ImageView icon = (ImageView) v.findViewById(R.id.rowicon); if (tt != null) { tt.setText(c.text1); } if(bt != null){ bt.setText(c.text2); } if (icon != null) { icon.setImageResource(R.drawable.rowicon); } } return v; } 

diseño xml:

         

Después de anular getGroupView, puede usar la función setCompoundDrawablesWithIntrinsicBounds para agregar imágenes.

 @Override public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { View v = super.getGroupView(groupPosition, isExpanded, convertView, parent); TextView tv = (TextView) v.findViewById(R.id.textViewId); tv.setCompoundDrawablesWithIntrinsicBounds(R.drawable.imageToAdd, 0, 0, 0); return v; } 

Acabo de encontrar una mejor manera, simplemente puede agregar

android:drawableRight="@drawable/icon" línea al archivo de diseño xml del grupo de la lista.

Prueba esto >>> Tutorial

Y puede actualizarlo para agregar imágenes en lugar de texto en el archivo xml hijo