Instituto de Educación Superior Tecnológico Público “Villa María”

Carrera: Computación e Informática U.D. : Aplicaciones Móviles

Aula: “B” Fecha : 21/11/2022
Docente: Yola Yparraguirre Toribio
TEMA: LISTVIEW PERSONALIZADO CON TOAST

Indicaciones:

 Descargar la separata y adecuar la pantalla para trabajar paralelamente con la

separata y Android Studio
 Leer con calma la separata y de acuerdo al ejemplo demostrado realizar la
práctica.
 Considerar que el código es un poco amplio y debe poner en práctica sus
conocimientos adquiridos hasta ahora.

ACTIVIDADES:

1. Crear un proyecto Android Studio en una Actividad vacía, al nombrar al proyecto debe
figurar su apellido y el nombre del tema a trabajar, por ejemplo: Vargas_ListView ( 2
pts)
2. La aplicación Android debe visualizar una lista personalizada ( por ejemplo: Lista de
contactos) y que al seleccionar un elemento mediante el evento click muestre un
mensaje con información del elemento seleccionado. ( 10 pts)
3. Ejecutar la aplicación y capturar (o dibujar) la pantalla del Emulador con el
resultado de la prueba. (2 pts)
4. Copiar los códigos de diseño XML y del código Java por separado indicando a
que vista pertenece el código . No se aceptará captura de imágenes, copia del
código original. (6 pts)
5. Usar esta hoja de práctica para remitir el contenido de la práctica
6. Subir la práctica al Classroom.

Activity main
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

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

</ListView>
</LinearLayout>

Contacto java
package com.example.guerra_listview;

public class Contacto {

public int id;
public int imagen;
public String nombre;
public String Des;

public Contacto(int id, int imagen, String nombre, String des) {

this.id = id;
this.imagen = imagen;
this.nombre = nombre;
Des = des;
}

public int getId() {

return id;
}

public void setId(int id) {

this.id = id;
}

public int getImagen() {

return imagen;
}

public void setImagen(int imagen) {

this.imagen = imagen;
}

public String getNombre() {

return nombre;
}

public void setNombre(String nombre) {

this.nombre = nombre;
}

public String getDes() {

return Des;
}

public void setDes(String des) {

Des = des;
}
}

ADAPTER CATEGORY

package com.example.guerra_listview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

public class AdapterCategory extends BaseAdapter {

Context context;
List<Contacto> lst;

public AdapterCategory(Context context, List<Contacto> lst) {

this.context = context;
this.lst = lst;
}

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

@Override
public Object getItem(int i) {
return i;
}

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

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
ImageView ImageViewContacto;
TextView TextViewNombre;
TextView TextViewDes;

Contacto c= lst.get(i);
if (view==null)
view =
LayoutInflater.from(context).inflate(R.layout.item_categoria,null);

ImageViewContacto=view.findViewById(R.id.imageViewcontacto);
TextViewNombre=view.findViewById(R.id.textViewNombre);
TextViewDes=view.findViewById(R.id.textViewDes);
ImageViewContacto.setImageResource(c.imagen);
TextViewNombre.setText(c.nombre);
TextViewDes.setText(c.Des);

return view;
}
}
ITEM_CATEGORY
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">

<ImageView
android:id="@+id/imageViewcontacto"
android:layout_width="0dp"
android:layout_height="80dp"
android:layout_weight="20"
android:padding="10dp"
app:srcCompat="@android:drawable/sym_def_app_icon" />

<LinearLayout
android:layout_width="0dp"
android:layout_height="80dp"
android:layout_weight="80"
android:orientation="vertical"
android:layout_marginLeft="10dp"
>

<TextView
android:id="@+id/textViewNombre"
android:layout_width="match_parent"
android:layout_height="0dp"
android:textSize="20sp"
android:layout_weight="50"
android:textStyle="bold"
android:gravity="center|left"
android:text="TextView" />

<TextView
android:id="@+id/textViewDes"
android:layout_width="match_parent"
android:layout_height="0dp"
android:textSize="20sp"
android:layout_weight="50"
android:textStyle="bold"
android:gravity="center|left"
android:text="TextView" />

android:text="TextView" />
</LinearLayout>

</LinearLayout>

MAIN ACTIVITY
package com.example.guerra_listview;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

ListView ListViewContacto;
List<Contacto> lst;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ListViewContacto=findViewById(R.id.listviewContacto);
AdapterCategory adapter =new AdapterCategory(this,GetData());
ListViewContacto.setAdapter(adapter);

ListViewContacto.setOnItemClickListener(new
AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View
view, int i, long l) {
Contacto c= lst.get(i);

Toast.makeText(getBaseContext(),c.nombre,Toast.LENGTH_LONG).show();
}
});

private List<Contacto> GetData() {

lst=new ArrayList<>();
lst.add(new Contacto(1,R.drawable.ACER,"Laptop ACER","Core
i5,8Gb"));
lst.add(new Contacto(2,R.drawable.ASUS,"Laptop ASUS","Core
i3,8Gb"));
lst.add(new Contacto(3,R.drawable.DELL,"Laptop DELL","Core
i7,8Gb"));
lst.add(new Contacto(4,R.drawable.HP,"Laptop HP","Core
i5,8Gb"));
lst.add(new Contacto(5,R.drawable.LENOVO,"Laptop LENOVO","Core
i7,8Gb"));
lst.add(new Contacto(6,R.drawable.SAMSUNG,"Laptop
SAMSUNG","Core i5,8Gb"));

return lst;
}
}