Tue. Apr 30th, 2024

AndroIndian

Simplify Learning

Android Android With Kotlin

Calculator Design UI with Relative Layout

ByRajashekar

Dec 16, 2023

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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"
    android:background="#87CEEB">

    <TextView
        android:id="@+id/text1"
        android:layout_width="613dp"
        android:layout_height="107dp"
        android:fontFamily="casual"
        android:text="      Calculator"
        android:textSize="60dp"
        android:layout_alignParentTop="true"
        android:layout_marginTop="28dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="845dp"
        android:layout_marginTop="28dp"
        android:text="-"
        android:textSize="40dp"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="58dp"
        android:layout_below="@id/button1"
        android:layout_marginLeft="33dp"
        android:layout_marginTop="-60dp"
        android:layout_toRightOf="@id/button1"
        android:text="+"
        android:textSize="40dp"/>

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="62dp"
        android:layout_below="@id/button1"
        android:layout_marginLeft="163dp"
        android:layout_marginTop="-62dp"
        android:layout_toRightOf="@id/button1"
        android:text="x"
        android:textSize="40dp"/>

    <TextView
        android:id="@+id/text2"
        android:fontFamily="casual"
        android:text="      View       Edit      Help"
        android:textSize="40dp"
        android:layout_width="wrap_content"
        android:layout_height="62dp"
        android:layout_below="@id/button1"
        android:layout_marginLeft="43dp"
        android:layout_marginTop="32dp" />

    <TextView
        android:id="@+id/text3"
        android:fontFamily="casual"
        android:text="0.0"
        android:textSize="50dp"
        android:textAlignment="textEnd"
        android:layout_width="1150dp"
        android:layout_height="100dp"
        android:layout_below="@id/button1"
        android:layout_marginLeft="43dp"
        android:layout_marginTop="150dp" />

    <Button
        android:id="@+id/button4"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="MC"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="480dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button5"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="MR"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="305dp"
        android:layout_marginTop="477dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button6"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="MS"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="477dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button7"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="M+"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="477dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button8"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="M-"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="970dp"
        android:layout_marginTop="477dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button9"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="<--"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="690dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button10"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="CE"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="305dp"
        android:layout_marginTop="690dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button11"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="C"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="690dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button12"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="+-"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="690dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button13"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="^"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="970dp"
        android:layout_marginTop="690dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button14"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="1"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="910dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button15"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="2"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="305dp"
        android:layout_marginTop="910dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button16"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="3"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="910dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button17"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="/"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="910dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button18"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="%"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="970dp"
        android:layout_marginTop="910dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button19"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="4"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="1120dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button20"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="5"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="305dp"
        android:layout_marginTop="1120dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button21"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="6"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="1120dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button22"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="*"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="1120dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button23"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="1/x"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="970dp"
        android:layout_marginTop="1120dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button24"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="7"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="1330dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button25"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="8"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="305dp"
        android:layout_marginTop="1330dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button26"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="9"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="1330dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button27"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="-"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="1330dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button29"
        android:layout_width="380dp"
        android:layout_height="180dp"
        android:text="0"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginTop="1530dp"
        android:layout_marginLeft="85dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button31"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="."
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="525dp"
        android:layout_marginTop="1530dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button32"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="+"
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="745dp"
        android:layout_marginTop="1530dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button33"
        android:layout_width="180dp"
        android:layout_height="380dp"
        android:text="="
        android:textSize="50dp"
        android:layout_below="@id/text2"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="970dp"
        android:layout_marginTop="1330dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</RelativeLayout>

output

By Rajashekar

I’m (Rajashekar) a core Android developer with complimenting skills as a web developer from India. I cherish taking up complex problems and turning them into beautiful interfaces. My love for decrypting the logic and structure of coding keeps me pushing towards writing elegant and proficient code, whether it is Android, PHP, Flutter or any other platforms. You would find me involved in cuisines, reading, travelling during my leisure hours.

Related Post

Android With Kotlin

Login Using MVVM Architecture

Mar 23, 2024 Rajashekar
Android With Kotlin

Videoview in Android

Mar 20, 2024 Rajashekar
Android Android With Kotlin

How to enable Developer Options in Samsumg

Feb 15, 2024 Rajashekar

Leave a Reply

Your email address will not be published. Required fields are marked *

You missed

Flutter

What’s new in Flutter 3.19

Apr 23, 2024 Rajashekar
Android Latest

How Android helps you stay safe from mobile fraud apps

Apr 22, 2024 Rajashekar
Android Latest

6 Cybersecurity mistakes people make — and what to do instead

Apr 22, 2024 Rajashekar
Android Latest

How to quickly share content with nearby devices

Apr 21, 2024 Rajashekar