Thu. Dec 26th, 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

What are Android Architecture Components?

Dec 15, 2024 Rajashekar
Android With Kotlin

Get current location Latitude and Longitude

Nov 27, 2024 Rajashekar
Android With Kotlin

What is SOLID

Nov 21, 2024 Rajashekar

Leave a Reply

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

You missed

Project Management

Project Management Tips

Dec 17, 2024 Rajashekar
Android With Kotlin

What are Android Architecture Components?

Dec 15, 2024 Rajashekar
AI

The best AI meeting assistants: tl‎;dv

Dec 11, 2024 Rajashekar
AI

The best AI project management tools-ClickUp

Dec 11, 2024 Rajashekar