Aplicación Android Tabla de multiplicar [Código Fuente/Source Code]




En una entrada escribí sobre la Aplicación Android Tabla de multiplicar + apk, en ésta ocasión colocaré el código fuente de ésta aplicación, pueden revisarlo para ver como funciona, también modificarlo. 

MainActivity.java
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends Activity {
 private EditText et1;
 private EditText et2;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  et1=(EditText)findViewById(R.id.et1);
  et2=(EditText)findViewById(R.id.et2);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }
 
 public void ImpTabla(View v){
  String numero1 = et1.getText().toString();
  int numero2 = Integer.parseInt(numero1);
  String result2 = "";
  for(int i = 1; i <= 12; i++){
   int result1 = i * numero2;
   result2 += i+ " x " + numero1 + " = " + String.valueOf(result1) + '\n';
  }
  et2.setText(result2);
 }

}

Inicialmente asociamos nuestras variables et1 y et2 del tipo EditText a los controles EditText creados en el xml. 

et1=(EditText)findViewById(R.id.et1);
et2=(EditText)findViewById(R.id.et2);

Luego el método ImpTabla se encargará de realizar las operaciones necesarias e imprimir la salida en el control EditText

Se debe recordar que cuando tomamos un dato que hemos escrito en un control EditText éste dato es del tipo String, por ello debemos almacenarlo en una variable de éste mismo tipo de dato y luego convertirla en un entero.

String numero1 = et1.getText().toString();
int numero2 = Integer.parseInt(numero1);

Las 2 lineas anteriores muestran lo antes mencionado. Se almacena el dato en la variable numero 1 que es de tipo string y luego es transformada en tipo entero y almacenada en la variable numero2. 

El ciclo for empezará desde 1 debido a que la tabla de multiplicar irá desde 1 hasta 12. 

int result1 = i * numero2;

La variable result1 almacena las operaciones para luego imprimir el resultado es decir: 1 * 5 = 5, 2 * 5 = 10 ... 12 * 5 = 60. 

Y finalmente 

result2 += i+ " x " + numero1 + " = " + String.valueOf(result1) + '\n';

Almacena todos los resultados en la variable result 2 concatenandolos con el operador +='\n' se encargará de separar las operaciones y los resultados con un salto de linea.     

activity_main.xml
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="¿Que tabla de multiplicar deseas saber?" />

    <EditText
        android:id="@+id/et1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/tv1"
        android:layout_marginTop="22dp"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/et1"
        android:onClick="ImpTabla"
        android:text="Aceptar" />

    <EditText
        android:id="@+id/et2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/button1"
        android:layout_marginTop="21dp"
        android:ems="10"
        android:inputType="textMultiLine" />

</RelativeLayout>

En el control Button es importante definir la propiedad onclick del botón, ésta se encargará de activar el método ImpTabla cuando pulsemos el botón mientras nuestra aplicación se esté ejecutando.

android:onClick="ImpTabla"

Entre comillas debe ir el nombre del método que deseamos activar al pulsar el botón.

¡Ayúdanos a seguir creciendo, comparte en tus Redes Sociales!

Siguiente
« Prev Post
Anterior
Next Post »

7 comentarios

Click here for comentarios
juan carlos
admin
24 de julio de 2014, 2:35 ×

muchisimas gracias , me sirvio bastante

Reply
avatar
24 de julio de 2014, 20:18 ×

Me alegra haberte ayudado Juan Carlos! Saludos!.

Reply
avatar
27 de octubre de 2015, 16:30 ×

como lo hago para mostrar los datos en una segunda pantalla estoy reciendo empesando a programar en android y aun me cuesta

Reply
avatar
31 de octubre de 2015, 13:20 ×

Hola amigo!, mm tendrías que pasar los parámetros por el activity.

Saludos.

Reply
avatar
2 de enero de 2016, 7:16 ×

Hola, cómo hago para poner esos resultados en forma de tabla, es decir, separados por bordes, o reglones pares de un color y reglones impares de otro color. Espero me puedas ayudar, gracias.

Reply
avatar
25 de abril de 2016, 12:33 ×

men tienes un canal en youtube donde hagas tutoriales android??

Reply
avatar
harvey Lopez
admin
3 de noviembre de 2016, 21:18 ×

Buenos noches maestros tengo en mi mente un programita que es para pasar asistencia a un grupo de trabajo pero no se como desarrollar alguien que me pueda ayudar

Reply
avatar