2009-12-21 25 views
6

A continuación se muestra la pieza de código que se utiliza para obtener la vista para el elemento de la lista. Quiero usar una vista diferente para cada fila de listview, ¿cómo puedo hacerlo? ¿Algún buen tutorial?android listview diferentes vistas para cada elemento

public View getView(int position, View convertView, 
       ViewGroup parent) { 
      View row=convertView; 
      ResultWrapper wrapper; 

      if (row==null) {   
       LayoutInflater inflater=getLayoutInflater(); 
       row=inflater.inflate(R.layout.result_row, null); 
       wrapper=new ResultWrapper(row); 
       row.setTag(wrapper); 
      } 
      else { 
       wrapper=(ResultWrapper)row.getTag(); 
      } 
      wrapper.populateFrom(model.get(position)); 
      wraperList.add(wrapper); 
      return(row); 
     } 
    } 

Respuesta

18

necesitará un general más complicada Adapter. En particular, debe sobrescribir getViewTypeCount() y getItemViewType(). Puedes echar un vistazo a mi SackOfViewsAdapter como una forma de hacer esto para listas cortas, o mi MergeAdapter para mezclar vistas individuales con los resultados de la base de datos o las consultas del servicio web.

2

Sé que esto ya ha sido respondido ... pero quería dar un ejemplo más completo.

En mi ejemplo, la actividad de la lista que mostrará nuestra vista de lista personalizada se llama OptionsActivity, porque en mi proyecto esta actividad mostrará las diferentes opciones que mi usuario puede configurar para controlar mi aplicación. Hay dos tipos de elementos de lista, un tipo de elemento de lista solo tiene una Vista de texto y el segundo tipo de elemento de lista simplemente tiene un Botón. Puede colocar los widgets que desee dentro de cada tipo de elemento de lista, pero mantuve este ejemplo simple.

Los getItemView método comprueba la que elementos de la lista deben ser de tipo 1 o tipo 2. De acuerdo con mis enteros estáticas I definidos en lo alto, los 5 primeros elementos de la lista estarán lista de elementos de tipo 1, y el último 5 lista los artículos serán del tipo de elemento de lista 2. Entonces, si compila y ejecuta esto, tendrá un ListView que tiene cinco elementos que solo contienen un botón, y luego cinco elementos que solo contienen un TextView.

A continuación se muestra el código de actividad, el archivo xml de actividad y un archivo xml para cada tipo de elemento de lista.

OptionsActivity.java:

public class OptionsActivity extends ListActivity { 

    private static final int LIST_ITEM_TYPE_1 = 0; 
    private static final int LIST_ITEM_TYPE_2 = 1; 
    private static final int LIST_ITEM_TYPE_COUNT = 2; 

    private static final int LIST_ITEM_COUNT = 10; 
    // The first five list items will be list item type 1 
    // and the last five will be list item type 2 
    private static final int LIST_ITEM_TYPE_1_COUNT = 5; 

    private MyCustomAdapter mAdapter; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     mAdapter = new MyCustomAdapter(); 
     for (int i = 0; i < LIST_ITEM_COUNT; i++) { 
      if (i < LIST_ITEM_TYPE_1_COUNT) 
      mAdapter.addItem("item type 1"); 
      else 
      mAdapter.addItem("item type 2"); 
     } 
     setListAdapter(mAdapter); 
    } 

    private class MyCustomAdapter extends BaseAdapter { 

     private ArrayList<String> mData = new ArrayList<String>(); 
     private LayoutInflater mInflater; 

     public MyCustomAdapter() { 
      mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
     } 

     public void addItem(final String item) { 
      mData.add(item); 
      notifyDataSetChanged(); 
     } 

     @Override 
     public int getItemViewType(int position) { 
      if(position < LIST_ITEM_TYPE_1_COUNT) 
       return LIST_ITEM_TYPE_1; 
      else 
       return LIST_ITEM_TYPE_2; 
     } 

     @Override 
     public int getViewTypeCount() { 
      return LIST_ITEM_TYPE_COUNT; 
     } 

     @Override 
     public int getCount() { 
      return mData.size(); 
     } 

     @Override 
     public String getItem(int position) { 
      return mData.get(position); 
     } 

     @Override 
     public long getItemId(int position) { 
      return position; 
     } 

     @Override 
     public View getView(int position, View convertView, ViewGroup parent) { 
      ViewHolder holder = null; 
      int type = getItemViewType(position); 
      if (convertView == null) { 
       holder = new ViewHolder(); 
       switch(type) { 
        case LIST_ITEM_TYPE_1: 
         convertView = mInflater.inflate(R.layout.list_item_type1, null); 
         holder.textView = (TextView)convertView.findViewById(R.id.list_item_type1_text_view); 
         break; 
        case LIST_ITEM_TYPE_2: 
         convertView = mInflater.inflate(R.layout.list_item_type2, null); 
         holder.textView = (TextView)convertView.findViewById(R.id.list_item_type2_button); 
         break; 
       } 
       convertView.setTag(holder); 
      } else { 
       holder = (ViewHolder)convertView.getTag(); 
      } 
      holder.textView.setText(mData.get(position)); 
      return convertView; 
     } 

    } 

    public static class ViewHolder { 
     public TextView textView; 
    } 

} 

activity_options.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    > 

    <ListView 
     android:id="@+id/optionsList" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 
    </ListView> 

</LinearLayout> 

list_item_type_1.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/list_item_type1_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/list_item_type1_text_view" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Text goes here" /> 

</LinearLayout> 

list_item_type2.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/list_item_type2_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <Button 
     android:id="@+id/list_item_type2_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Button text goes here" /> 

</LinearLayout> 
Cuestiones relacionadas