buscador

Visita

jueves, 27 de enero de 2022

馃煝Android 28 : Crear tabla de multiplicar de un n煤mero con ListView en Android Studio

Bienvenidos al Blog El inform谩tico Ibero en este post crearemos una aplicaci贸n que nos permita ingresar un n煤mero y al presionar el bot贸n se crea la tabla de dicho n煤mero digitado y para limpiar la lista tenemos el bot贸n limpiar que me permitir谩 limpiar la tabla en en general que es un control ListView.

Objetivo 
Tenemos que tener un EditText que me permita ingresar solo n煤meros y que al presionar el bot贸n crear me liste el n煤mero multiplicado desde el cero es decir si se ingresara 4 entonces en la lista apareciera 4* 0=0,4*1=4 y asi sucesivamente, tendr谩 un bot贸n igual que permitir谩 limpiar la lista.

Primero creamos un proyecto con la actividad Empty Activity, revisen el post anterior Creamos nuevo proyecto con la actividad empty activity en android studio.

una vez creado el proyecto empezamos con el dise帽o de la vista asi que empezamos agregar el control EditText que permitir谩 ingresar datos  y para restringir que solo me permita ingresar n煤meros lo pondremos el atributo android:inputType="number"  ,luego agregaremos dos botones y cambiamos el id de los botones para poder identificarlos yo los pondr茅 btncrear y btnlimpiar y por ultimo agregamos un control ListView cambiamos el Id lo pondre el id del listviewtabla.

Una vez hecho el dise帽o empezamos con el c贸digo que es lo que dar谩 funciones seg煤n el objetivo del la practica, entonces nos dirigimos a la archivo MainActivity.java.
public class MainActivity extends AppCompatActivity {
//creamos las objeto de lasa clases
EditText etnumero;
Button btncrear,btnborrar;
ListView listatabla;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.
activity_main);
/*Instanciamos los objeto de las
clases y lo instanciamos con el id de la vista*/
etnumero=(EditText)findViewById(R.id.editTextNumber);
btncrear=(Button) findViewById(R.id.
btncrear);
btnborrar=(Button) findViewById(R.id.
btnlimpiar);
listatabla=(ListView)findViewById(R.id.
lisviewtabla);
/*Creamos los arreglos de la lista y del adaptador de la lista*/
final ArrayList<String> alista=new ArrayList<String>();

final ArrayAdapter<String> aa=new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,alista);

       /*Agregamos al adaptador del arreglo*/
listatabla.setAdapter(aa);
/*creamos el metodo del boton crear*/
btncrear.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//creamos una variable entero
int total=0;
/*creamos una variable entero y parseamos
el edittext para almacenarlo en el */
int n1=Integer.parseInt(etnumero.getText().toString());
/*hacemos un blucle forte x = 0 y le damos limite que sea
x sea mayor que 0 y menor igual a 10*/
for (int x=0;x<=10;x++){
/*decimos que total sea la multiplicacion
de x por el numero ingresado*/
total=x*n1;
/*adicionamos a la lista x que aumentara de uno en uno
* el numero ingresado y por ultimo el numero resultante
* de la multiplicacion*/
alista.add(String.valueOf(x)+" * "
+String.
valueOf(n1)+" = "
+String.
valueOf(total));
/*indicamos al adaptador el cambio*/
aa.notifyDataSetChanged();
}
/*limpiamos la caja de texto*/
etnumero.setText("");
}
});
/*creamos el metodo para el boton limpiar*/
btnborrar.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//limpiamos con el metodo clean
alista.clear();
//le indicamos al adaptador que verifique le cambio
aa.notifyDataSetChanged();
}
});
}
}
antes de ejecutar le daremos una funci贸n mas al proyecto, qu茅 al presiona en una lista me muestre la opci贸n que seleccion茅 y que se elimine.
/*Creamos un metodo del listview */
listatabla.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
/*capturamos la posicion de la lista*/
String opcSelecion=(String)listatabla.getAdapter().getItem(i);
/*decimos que lo elimnine solo a esa opcion*/
alista.remove(i);
/*indicamos al adaptador que hubo un cambio */
aa.notifyDataSetChanged();
/*mostramos cuando hacemos clic en la lista segun su posicion*/
Toast.makeText(getApplication(),opcSelecion + "Elimindado",Toast.LENGTH_SHORT).show();
}
});
Luego ejecutamos el proyecto en el emulador , para ver si se cumple los objetivos del proyecto.
Imagen 01 : Agregamos un n煤mero y presionamos el bot贸n crear

Imgen 02 : hacemos click en una opci贸n y esta se eliminara y mostrara un mensaje diciendo que opcion se elimino

Imagen 03 : presionamos el bot贸n limpiar y se limpia la lista es decir el ListView.

Si les gusto el contenido del blog no olviden suscribirse al canal de YouTube, compartan el blog y comenten. 

ABRE EL PROYECTO DESDE GITHUB
https://github.com/raul1995/ListViewAgregar.git

Apoyen suscribi茅ndose a mi canal de Youtube canal " EL INFORMATICO IBERO" , Compartan el contenido del Blog, si les gusto el contenido del blog y del canal suscribanse es Gratis!!

No hay comentarios.:

Publicar un comentario

Raul Tamani A. ©. Im谩genes del tema de fpm. Con tecnolog铆a de Blogger.

Adblock Detectado

Apoya este sitio desactivando el Adblock para seguir navegando. ¡Gracias!

¡Ya Desactive el Adblock!