Sun. Nov 24th, 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 is SOLID

Nov 21, 2024 Rajashekar
Android With Kotlin

Context vs applicationContext vs requireContex

Nov 21, 2024 Rajashekar
Android Android Latest Android With Kotlin

What is Navigation

Nov 18, 2024 Rajashekar

Leave a Reply

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

You missed

Android With Kotlin

What is SOLID

Nov 21, 2024 Rajashekar
Android With Kotlin

Context vs applicationContext vs requireContex

Nov 21, 2024 Rajashekar
AI

Adobe Premiere Pro

Nov 20, 2024 Rajashekar
AI

ChatGPT PLUS

Nov 20, 2024 Rajashekar