How to get best design (User Interface) for simple calculator with Fully responsive all device size support.
This the first tutorial on our website regarding to create a complete UI(User Interface) . This UI is for Calculator android application with basic operation support like addition, multiplication, subtraction, divide, percent, minus values, brackets. This UI is designed using Table widget. So here is the complete step by step tutorial for Android Calculator App UI design example tutorial free UI Android Studio.
Note : This design is completely open source and free for every one. You can download the whole project from below link and can use it any where.
Android Calculator App UI design example tutorial free UI Android Studio.
Code for MainActivity.java file.
package com.android_examples.calculator_android_examplescom;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
TextView textView;
Button clear, bracket, percentage, divide, add, subtract, multiply, equal, minusValue;
Button one, two, three, four, five, six, seven, eight, nine, point, zero ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//code for hide title bar.
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
textView = (TextView)findViewById(R.id.textView1);
clear = (Button)findViewById(R.id.buttonClearText);
bracket = (Button)findViewById(R.id.buttonBracket);
percentage = (Button)findViewById(R.id.buttonPercentage);
divide = (Button)findViewById(R.id.buttonDivide);
add = (Button)findViewById(R.id.buttonAdd);
subtract = (Button)findViewById(R.id.buttonSubtraction);
multiply = (Button)findViewById(R.id.buttonMultiply);
equal = (Button)findViewById(R.id.buttonEqual);
minusValue = (Button)findViewById(R.id.buttonMinusValue);
one = (Button)findViewById(R.id.button1);
two = (Button)findViewById(R.id.button2);
three = (Button)findViewById(R.id.button3);
four = (Button)findViewById(R.id.button4);
five = (Button)findViewById(R.id.button5);
six = (Button)findViewById(R.id.button6);
seven = (Button)findViewById(R.id.button7);
eight = (Button)findViewById(R.id.button8);
nine = (Button)findViewById(R.id.button9);
point = (Button)findViewById(R.id.buttonPoint);
zero = (Button)findViewById(R.id.buttonZero);
clear.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(null);
}
});
bracket.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String S = textView.getText().toString();
}
});
percentage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "%");
}
});
divide.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "/");
}
});
add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "+");
}
});
subtract.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "-");
}
});
multiply.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "*");
}
});
equal.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
minusValue.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
one.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "1");
}
});
two.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "2");
}
});
three.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "3");
}
});
four.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "4");
}
});
five.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "5");
}
});
six.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "6");
}
});
seven.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "7");
}
});
eight.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "8");
}
});
nine.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "9");
}
});
point.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + ".");
}
});
zero.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText(textView.getText() + "0");
}
});
}
}
Code for activity_main.xml layout file.
