Android => ListView

Introduction

ListView est un groupe de vues qui regroupe plusieurs éléments d'une source de données telle qu'un tableau ou une base de données et les affiche dans une liste déroulante. Les données sont liées à listview à l'aide d'une classe d'adaptateur.

Remarques

ListView est un groupe de vues qui affiche une liste d'éléments défilables.
Les éléments de la liste sont automatiquement insérés dans la liste à l'aide d'un Adapter qui extrait le contenu d'une source telle qu'un tableau ou une requête de base de données et convertit chaque résultat d'élément en une vue placée dans la liste.

Lorsque le contenu de votre mise en page est dynamique ou non prédéterminé, vous pouvez utiliser une présentation qui sous-classe AdapterView pour remplir la présentation avec des vues à l'exécution. Une sous-classe de la classe AdapterView utilise un Adapter pour lier des données à sa disposition.

Avant d'utiliser ListView vous devriez également vérifier les exemples RecyclerView .

Filtrage avec CursorAdapter

// Get the reference to your ListView
ListView listResults = (ListView) findViewById(R.id.listResults);

// Set its adapter
listResults.setAdapter(adapter);

// Enable filtering in ListView
listResults.setTextFilterEnabled(true);

// Prepare your adapter for filtering    
adapter.setFilterQueryProvider(new FilterQueryProvider() {
    @Override
    public Cursor runQuery(CharSequence constraint) {

        // in real life, do something more secure than concatenation
        // but it will depend on your schema
        // This is the query that will run on filtering
        String query = "SELECT _ID as _id, name FROM MYTABLE "
                       + "where name like '%" + constraint + "%' "
                       + "ORDER BY NAME ASC";
        return db.rawQuery(query, null);
     }
});

Supposons que votre requête s'exécute à chaque fois que l'utilisateur tape dans un EditText :

    EditText queryText = (EditText) findViewById(R.id.textQuery);
    queryText.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(final CharSequence s, final int start, final int count, final int after) {

        }

        @Override
        public void onTextChanged(final CharSequence s, final int start, final int before, final int count) {
            // This is the filter in action
            adapter.getFilter().filter(s.toString());
            // Don't forget to notify the adapter
            adapter.notifyDataSetChanged();
        }

        @Override
        public void afterTextChanged(final Editable s) {

        }
    });

Custom ArrayAdapter

Par défaut, la classe ArrayAdapter crée une vue pour chaque élément du tableau en appelant toString() sur chaque élément et en plaçant le contenu dans un TextView.

Pour créer une vue complexe pour chaque élément (par exemple, si vous voulez un ImageView pour chaque élément de tableau), étendez la classe ArrayAdapter et remplacez la méthode getView() pour renvoyer le type de vue souhaité pour chaque élément.

Par exemple:

public class MyAdapter extends ArrayAdapter<YourClassData>{

    private LayoutInflater inflater;

    public MyAdapter (Context context, List<YourClassData> data){
        super(context, 0, data);
        inflater = LayoutInflater.from(context);
    }

    @Override
    public long getItemId(int position)
    {
        //It is just an example
        YourClassData data = (YourClassData) getItem(position);
        return data.ID;
    }

    @Override
    public View getView(int position, View view, ViewGroup parent)
    {
        ViewHolder viewHolder;
        if (view == null) {
            view = inflater.inflate(R.layout.custom_row_layout_design, null);
            // Do some initialization
        
            //Retrieve the view on the item layout and set the value.
            viewHolder = new ViewHolder(view);
            view.setTag(viewHolder);
         }
         else {
             viewHolder = (ViewHolder) view.getTag();
         }
         
        //Retrieve your object    
        YourClassData data = (YourClassData) getItem(position);
       
        viewHolder.txt.setTypeface(m_Font);    
        viewHolder.txt.setText(data.text);              
        viewHolder.img.setImageBitmap(BitmapFactory.decodeFile(data.imageAddr));
        
        return view;
    
    }

    private class ViewHolder
    {
         private final TextView txt;
         private final ImageView img;

         private ViewHolder(View view) 
         {
             txt = (TextView) view.findViewById(R.id.txt);
             img = (ImageView) view.findViewById(R.id.img);
         }
    }
}

Un ListView de base avec un ArrayAdapter

Par défaut, ArrayAdapter crée une vue pour chaque élément du tableau en appelant toString() sur chaque élément et en plaçant le contenu dans un TextView .

Exemple:

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
        android.R.layout.simple_list_item_1, myStringArray);

où android.R.layout.simple_list_item_1 est la mise en page qui contient un TextView pour chaque chaîne du tableau.

Ensuite, appelez simplement setAdapter() sur votre ListView :

ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(adapter);

Pour utiliser autre chose que TextViews pour l'affichage du tableau, par exemple, ImageViews, ou pour que certaines données en dehors des résultats de toString() remplissent les vues, substituez getView(int, View, ViewGroup) pour renvoyer le type de vue souhaité. Vérifiez cet exemple .

Modified text is an extract of the original Stack Overflow Documentation

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow

Android
ListView

Recherche…

Introduction

Remarques

Filtrage avec CursorAdapter

Custom ArrayAdapter

Un ListView de base avec un ArrayAdapter