Android
Vista de la lista
Buscar..
Introducción
ListView es un grupo de vista que agrupa varios elementos de una fuente de datos como una matriz o base de datos y los muestra en una lista con capacidad de desplazamiento. Los datos se enlazan con listview usando una clase de adaptador.
Observaciones
ListView es un grupo de vistas que muestra una lista de elementos desplazables.
Los elementos de la lista se insertan automáticamente en la lista mediante un Adapter que extrae el contenido de una fuente, como una matriz o una consulta de base de datos, y convierte el resultado de cada elemento en una vista que se coloca en la lista.
Cuando el contenido de su diseño es dinámico o no está predeterminado, puede utilizar un diseño que subclases AdapterView para rellenar el diseño con vistas en tiempo de ejecución. Una subclase de la clase AdapterView usa un Adapter para enlazar datos a su diseño.
Antes de usar el ListView , también debe verificar los ejemplos de RecyclerView .
Filtrado con 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);
}
});
Digamos que su consulta se ejecutará cada vez que el usuario EditText 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) {
}
});
ArrayAdapter personalizado
De forma predeterminada, la clase ArrayAdapter crea una vista para cada elemento de la matriz llamando a toString() en cada elemento y colocando el contenido en un TextView.
Para crear una vista compleja para cada elemento (por ejemplo, si desea un ImageView para cada elemento de la matriz), extienda la clase ArrayAdapter y anule el método getView() para devolver el tipo de vista que desea para cada elemento.
Por ejemplo:
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 básico con un ArrayAdapter
De forma predeterminada, ArrayAdapter crea una vista para cada elemento de la matriz llamando a toString() en cada elemento y colocando el contenido en un TextView .
Ejemplo:
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, myStringArray);
donde android.R.layout.simple_list_item_1 es el diseño que contiene un TextView para cada cadena en la matriz.
Luego simplemente llame a setAdapter() en su ListView :
ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(adapter);
Para usar algo que no sea TextViews para la visualización de matriz, por ejemplo, ImageViews, o para que algunos de los datos, además de toString() , llenen las vistas, anule getView(int, View, ViewGroup) para devolver el tipo de vista que desea. Mira este ejemplo .
