Implementation to Build Display Multiplication Table of a Number
Below are the codes for MainActivity.java and activity_main.xml to build android application which displays the multiplication table of a number:
// Build the java logic for multiplication table
// using button, text view, edit text
package com.example.program_multiplication_table;
import androidx.appcompat.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;
@Override
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)
{
if(v.getId()==R.id.button) {
StringBuffer buffer = new StringBuffer();
// 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);
}
}
}
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
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"
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_marginStart="36dp"
android:layout_marginEnd="36dp"
android:layout_marginBottom="18dp"
android:textColor="@color/black"
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" />
</androidx.constraintlayout.widget.ConstraintLayout>
Application Look:
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.