DISPOSITIVOS MÓVILES: LISTVIEW

PROGRAMACIÓN MULTIMEDIA
Y
DISPOSITIVOS MÓVILES

PROGRAMACIÓN MULTIMEDIA Y DISPOSITIVOS MÓVILES
COMENZANDO A PROGRAMAR
© J.D.CABRERA
COMENZANDO A
PROGRAMAR

© J.D.CABRERA
LA CLASE VIEWGROUPS

© J.D.CABRERA
LIST VIEW

© J.D.CABRERA
LISTVIEW
Una vista ListView visualiza una lista deslizable
verticalmente de varios elementos, donde cada
elemento puede definirse como un Layout

© J.D.CABRERA
LISTVIEW
AT. BILBAO
VALENCIA C.F.
REAL MADRID
AT. MADRID

© J.D.CABRERA
LISTA SIMPLE

© J.D.CABRERA
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent“
<ListView
android:id="@+id/listado"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ListView>
</RelativeLayout>
LISTA SIMPLE

© J.D.CABRERA
DECLARACIÓN DE ARRAY DE STRING
DECLARACIÓN DE LISTVIEW
LISTA SIMPLE

© J.D.CABRERA
LISTA SIMPLE
import android.widget.ArrayAdapter;
import android.widget.ListView;

© J.D.CABRERA
LISTA SIMPLE
Public class Lista01 extends ActionBarActivity {
private ListView lista;
private String[] pintores= {"CARAVAGGIO", "RAFAEL SANZIO", ...};

© J.D.CABRERA
INICIALIZAMOS LA LISTA
LISTA SIMPLE

© J.D.CABRERA
LISTA SIMPLE
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_lista01);
lista = (ListView)findViewById(R.id.listado);

© J.D.CABRERA
CREAMOS UN ADAPTER PARA RELLENAR LA LISTA
LISTA SIMPLE

© J.D.CABRERA
LISTA SIMPLE
ArrayAdapter<String> adaptador = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, pintores);

© J.D.CABRERA
ESTABLECEREMOS EL OBJETO ADAPTER
LISTA SIMPLE

© J.D.CABRERA
LISTA SIMPLE
lista.setAdapter(adaptador);

© J.D.CABRERA
LISTA DE LAYOUTS

© J.D.CABRERA
LISTA DE LAYOUTS
TÍTULO
DESCRIPCIÓN
TÍTULO
DESCRIPCIÓN
TÍTULO
DESCRIPCIÓN
TÍTULO
DESCRIPCIÓN

© J.D.CABRERA
LISTA DE LAYOUTS
TÍTULO
DESCRIPCIÓN
LISTADO.XML
ELEMENTO.XML

© J.D.CABRERA
LISTA DE LAYOUTS: ELEMENTO.XML
Linearlayout horizontal
Linearlayout vertical
TÍTULO
DESCRIPCIÓN
IMAGEN TEXTVIEW

© J.D.CABRERA
PERSONALIZAR CADA LAYOUT INDIVIDUAL
VISUALIZAR EL LAYOUT CON LISTVIEW
DISEÑAR LAYOUT INDIVIDUAL
DISEÑAR LAYOUT CONTENEDOR
LISTA DE LAYOUTS

© J.D.CABRERA
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent“
<ListView
android:id="@+id/listado"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ListView>
</RelativeLayout>
LISTA DE LAYOUTS: LISTADO

© J.D.CABRERA
LISTA DE LAYOUTS: JAVA
android.R.layout.simple_list_item_1, pintores);
R.layout.elemento, R.id.listado, pintores);

© J.D.CABRERA
LISTA CON ADAPTADOR

© J.D.CABRERA
LISTA CON ADAPTADOR
LANZADOR
DE LA LISTA
ENCAPSULADOR
DE DATOS
ADAPTADOR
DE LA LSTA

© J.D.CABRERA
ENCAPSULADOR (POJO)

© J.D.CABRERA
ENCAPSULADOR
Tienen como función el manejo de la colección
de datos y proporcionar información de cada
item de la colección de datos.

© J.D.CABRERA
ENCAPSULADOR

© J.D.CABRERA
ADAPTADORES

© J.D.CABRERA
ADAPTADORES
Un objeto Adapter actúa como un puente entre
el AdapterView y los datos de una vista. El
Adapter proporciona acceso a cada item y es
responsable de hacer una vista para cada
producto en el conjunto de datos.

© J.D.CABRERA
ADAPTADORES
ADAPTADOR
CONTEXTO LAYOUT DEL DATO COLECCIÓN DE DATOS

© J.D.CABRERA
SimpleEpandableTreeAdapter
SimpleCursorTreeAdapter
SimpleCursorAdapter
SimpleAdapter
ResourceCursorTreeAdapter
ResourceCursorAdapter
HeaderViewListAdapter
CursorTreeAdapter
CursorAdapter
BaseExtendableListAdapter
BaseAdapter
ArrayAdapter
ADAPTADORES

© J.D.CABRERA
ADAPTADORES: PERSONALIZADOS
ADAPTADORES
PERSONALIZADOS

© J.D.CABRERA
MÉTODOS
GetView()
GetItemId()
GetItem()
GetCount()

© J.D.CABRERA
GetView()
POSICIÓN DEL ELEMENTO VIEW A PROCESAR VIEWGROUP PADRE
MÉTODOS

© J.D.CABRERA
ADAPTADORES
import java.util.ArrayList;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

© J.D.CABRERA
ADAPTADORES: INFLATE()
El método inflate(), pertenece al objeto de la
clase LayoutInflater se utiliza para construir y
añadir las Views a los diseños de: Fragment,
Menu, ActionBar, Adapter, Dialogs…

© J.D.CABRERA
Inflar se refiere a poner los atributos de diseño
del que podría ser el ViewGroup padre. inflate()
aparte de inflar, también tiene la opción de
adjuntar Views a ViewGroup.

© J.D.CABRERA
RelativeLayout contenedor = (RelativeLayout)
findViewById(R.id.Layout_contenedor);
LayoutInflater inflater = LayoutInflater.from(this);
View vistaInflada = inflater.inflate(R.layout.nuevo, contenedor, true);

© J.D.CABRERA
lista.setOnItemClickListener(new OnItemClickListener() {
@Override
publicvoidonItemClick(AdapterView<?>pariente,Viewview,intposicion,longid)
{Encapsuladorelegido=(Encapsulador)pariente.getItemAtPosition(posicion);
CharSequencetexto="Seleccionado:"+elegido.get_textoContenido();
Toasttoast=Toast.makeText(Lista07.this,texto,Toast.LENGTH_LONG);
toast.show();
}
});
DETECTAR SELECCIÓN

© J.D.CABRERA
<CheckBox
android:id="@+id/checkBox1"
android:layout_width=“wrap_content"
android:layout_height="wrap_content“
android:clickable=“false”
android:focusable=“false”
/>
DETECTAR SELECCIÓN

© J.D.CABRERA
public void onEntrada(Object entrada, View view) {
..//..
checkA.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
CheckBox check = (CheckBox) v ;
Toasttoast=Toast.makeText(Lista09.this,“Italiano",Toast.LENGTH_LONG);
toast.show(); }
});

© J.D.CABRERA
<RadioButton
android:id="@+id/boton"
android:layout_width=“wrap_content"
android:layout_height="wrap_content“
android:clickable=“false”
android:focusable=“false”
/>

© J.D.CABRERA
public void onEntrada(Object entrada, View view) {
..//..
public void onClick(View v) {
if (radioButton_pulsado!=null);
radioButton_pulsado.setChecked(false);
radioButton_pulsado = (RadioButton) v;
Toasttoast=Toast.makeText(Lista10.this,“MEGUSTA",Toast.LENGTH_LONG);
toast.show(); }
});

DISPOSITIVOS MÓVILES: LISTVIEW

Más contenido relacionado

Similar a DISPOSITIVOS MÓVILES: LISTVIEW (20)

Más de Jacinto Cabrera Rodríguez (20)

Último (10)

DISPOSITIVOS MÓVILES: LISTVIEW