Android | Display multiplication table of a number

Given a number, the task is to display the multiplication table of this number using the Android App.

Steps to build app:

  • STEP-1: Open activity_main.xml file and add TextView, EditText and a Button
  • STEP-2: Assign ID to each component
  • STEP-3: Now, open up the MainActivity file and declare the variables.
  • STEP-4: Read the values entered in the EditText boxes using an id which have been set in the XML code above.
  • STEP-5: Add a click listener to the Add button
  • STEP-6: When the Add button has been clicked we need to Multiply the values and store it into Buffer
  • STEP-7: Then show the resultant output in the TextView by setting the buffer in the TexView.

Implementation:

activity_main.xml

filter_none

edit
close

play_arrow

link
brightness_4
code

<!-- First make the layout file xml and add button, edit text, text view -->
  
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    tools:layout_editor_absoluteY="25dp">
  
    <!-- Add the button for run table logic and print result-->
    <!-- give id "button"-->
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="TABLE"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/editText"
        app:layout_constraintTop_toTopOf="parent" />
  
    <!-- Text view for result view-->
    <!-- give the id TextView-->
    <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="18dp"
        android:layout_marginEnd="36dp"
        android:layout_marginLeft="36dp"
        android:layout_marginRight="36dp"
        android:layout_marginStart="36dp"
        android:textColor="@color/colorPrimary"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText" />
  
    <!-- edit Text for take input from user-->
    <!-- give the id editText-->
    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginEnd="9dp"
        android:layout_marginRight="9dp"
        android:layout_marginTop="16dp"
        android:ems="10"
        android:inputType="number"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintEnd_toStartOf="@+id/button"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="UnknownId" />
</android.support.constraint.ConstraintLayout>

chevron_right


MainActivity.Java

filter_none

edit
close

play_arrow

link
brightness_4
code

// Build the java logic for multiplication table
// using button, text view, edit text
  
package com.example.windows10.tabel;
  
import android.app.Dialog;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
  
public class MainActivity
    extends AppCompatActivity
    implements View.OnClickListener {
  
    // define the global variable
  
    // variable number1, number2 for input input number
    // Add_button, result textView
  
    EditText editText;
    Button button;
    TextView result;
    int ans = 0;
  
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // by ID we can use each component
        // whose id is assigned in the XML file
  
        editText = (EditText)findViewById(R.id.editText);
        button = (Button)findViewById(R.id.button);
        result = (TextView)findViewById(R.id.textView);
  
        // set clickListener on button
        button.setOnClickListener(this);
    }
  
    @Override
    public void onClick(View v)
    {
  
        switch (v.getId()) {
  
        case R.id.button:
            StringBuffer buffer = new StringBuffer();
            int res;
  
            // get the input number from editText
            String fs = editText.getText().toString();
  
            // convert it to integer
            int n = Integer.parseInt(fs);
  
            // build the logic for table
            for (int i = 1; i <= 10; i++) {
                ans = (i * n);
                buffer.append(n + " X " + i
                              + " = " + ans + "\n\n");
            }
  
            // set the buffer textview
            result.setText(buffer);
            break;
        }
    }
}

chevron_right


Output:

Attention reader! Don’t stop learning now. Get hold of all the important Java and Collections concepts with the Fundamentals of Java and Java Collections Course at a student-friendly price and become industry ready.




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.


Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.