BILAL RAZA

Bsem-f18-030

MAD
 Linear Layout Design

Code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/offwhite"
>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:orientation="vertical"

>

<ImageView
 android:layout_width="124dp"
android:layout_height="104dp"
android:layout_gravity="center"
android:src="@drawable/icon"

/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="110dp"
android:orientation="vertical"

>

<EditText

android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Username"
android:inputType="textEmailAddress"
android:padding="15dp"
android:layout_gravity="center"
/>

<EditText
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="15dp"
android:layout_gravity="center"

/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="90dp"
android:orientation="vertical"
>
 <Button
android:id="@+id/btn"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:background="@drawable/btn"
android:text="Sign In"
android:layout_gravity="center"
android:textSize="15sp"
android:textColor="@color/white"

/>

<TextView
android:id="@+id/infoTxtCredits"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:layout_marginTop="30sp"
android:linksClickable="true"
android:hint="@string/link"
android:textSize="20sp"
android:layout_gravity="center"

/>

</LinearLayout>

</LinearLayout>
 Relative Layout

Code
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/offwhite"
>

<ImageView
android:layout_width="124dp"
android:layout_height="104dp"
android:layout_above="@+id/email"
android:layout_centerInParent="true"
 android:src="@drawable/icon"
android:layout_marginBottom="140dp"

/>
<EditText
android:layout_centerVertical="true"
android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="@string/user"
android:inputType="textEmailAddress"
android:padding="15dp" />

<EditText
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_below="@+id/email"
android:layout_centerInParent="true"
android:layout_marginTop="20dp"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="@string/pass"
android:inputType="textPassword"
android:padding="15dp"
/>

<Button
android:id="@+id/btn"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_below="@+id/password"
android:layout_centerInParent="true"
android:layout_marginTop="100dp"
android:background="@drawable/btn"
android:text="@string/sign"
android:textSize="15sp"
android:textColor="@color/white"

/>

<TextView
android:id="@+id/infoTxtCredits"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:layout_below="@+id/btn"
 android:layout_marginTop="30sp"
android:layout_centerInParent="true"
android:linksClickable="true"
android:hint="@string/link"
android:textSize="20sp"

/>

</RelativeLayout>
 Constrain Layout

Code
<?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"
android:background="@color/offwhite"
>

<ImageView
android:id="@+id/imageView"
android:layout_width="130dp"
android:layout_height="129dp"
app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.202"
app:srcCompat="@drawable/icon" />

<TextView

android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Username"
android:padding="15dp"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.566"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView"
app:layout_constraintVertical_bias="0.161"
/>

<TextView
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:background="@drawable/border"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="15dp"
android:textAlignment="center"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.564"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/email"
app:layout_constraintVertical_bias="0.355" />

<Button

android:id="@+id/btn"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:background="@drawable/btn"
android:text="Sign In"
android:layout_gravity="center"
 android:textSize="15sp"
android:textColor="@color/white"
android:layout_marginBottom="160dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent" />

<TextView
android:id="@+id/link"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:hint="@string/link"
android:linksClickable="true"
android:text="@string/link"
android:textSize="20sp"
tools:layout_editor_absoluteX="125dp"
tools:layout_editor_absoluteY="655dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

Linear Layout
 Code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/offwhite"
>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:orientation="vertical"
>

<ImageView

android:layout_width="124dp"
android:layout_height="104dp"
 android:layout_gravity="center"
android:src="@drawable/icon"

/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="110dp"
android:orientation="vertical"

>

<EditText

android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Username"
android:inputType="textEmailAddress"
android:padding="15dp"
android:layout_gravity="center"
/>

<EditText
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="15dp"
android:layout_gravity="center"

/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="90dp"
android:orientation="vertical"
>

<Button
android:id="@+id/btn"
 android:layout_width="60dp"
android:layout_height="wrap_content"
android:background="@drawable/btn"
android:text="@string/dot"
android:layout_gravity="center"
android:textSize="20sp"
android:textStyle="bold"
android:textColor="@color/white"

/>

<TextView
android:id="@+id/infoTxtCredits"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:layout_marginTop="30sp"
android:linksClickable="true"
android:hint="@string/link"
android:textSize="20sp"
android:layout_gravity="center"

/>

</LinearLayout>

</LinearLayout>

Relative Layout
Code:-
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/offwhite"
>

<ImageView
android:layout_width="124dp"
android:layout_height="104dp"
android:layout_above="@+id/email"
android:layout_centerInParent="true"
android:src="@drawable/icon"
android:layout_marginBottom="140dp"

/>
<EditText
android:layout_centerVertical="true"
 android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Username"
android:inputType="textEmailAddress"
android:padding="15dp" />

<EditText
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_below="@+id/email"
android:layout_centerInParent="true"
android:layout_marginTop="20dp"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="15dp"

/>

<Button
android:id="@+id/btn"
android:layout_width="60dp"
android:layout_height="wrap_content"
android:layout_below="@+id/password"
android:layout_centerInParent="true"
android:layout_marginTop="100dp"
android:background="@drawable/btn_dot"
android:text="..."
android:textSize="20sp"
android:textStyle="bold"
android:textColor="@color/white"

/>

<TextView
android:id="@+id/infoTxtCredits"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:layout_below="@+id/btn"
android:layout_marginTop="30sp"
android:layout_centerInParent="true"
android:linksClickable="true"
 android:hint="@string/link"
android:textSize="20sp"

/>

</RelativeLayout>

Constrain Layout
 Code
<?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"
android:background="@color/offwhite"
>

<ImageView
android:id="@+id/imageView"
android:layout_width="130dp"
android:layout_height="129dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.202"
app:srcCompat="@drawable/icon" />
<TextView

android:id="@+id/email"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:textAlignment="center"
android:background="@drawable/border"
android:ems="10"
android:hint="Username"
android:padding="15dp"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.566"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView"
app:layout_constraintVertical_bias="0.161"
/>

<TextView
android:id="@+id/password"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:background="@drawable/border"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="15dp"
android:textAlignment="center"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.564"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/email"
app:layout_constraintVertical_bias="0.355" />

<Button

android:id="@+id/btn"
android:layout_width="60dp"
android:layout_height="wrap_content"
android:background="@drawable/btn"
android:text="@string/dot"
android:layout_gravity="center"
android:textSize="15sp"
android:textColor="@color/white"
android:layout_marginBottom="160dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent" />
 <TextView
android:id="@+id/link"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="web"
android:hint="@string/link"
android:linksClickable="true"
android:text="@string/link"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/btn" />

</androidx.constraintlayout.widget.ConstraintLayout>
 Linear Layout

Code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/pink"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:orientation="vertical"
>

<ImageView
 android:layout_width="124dp"
android:layout_height="104dp"
android:layout_gravity="center"
android:src="@drawable/iconee"

/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:orientation="vertical"
>

<TextView
android:id="@+id/h"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="80px"
android:text="@string/hi"
android:textSize="40sp"
android:textColor="@color/welcome"

/>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:orientation="vertical"
>

<TextView
android:id="@+id/w"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="80px"
android:text="@string/w"
android:textSize="40sp"
android:textColor="@color/welcome"

/>

</LinearLayout>

</LinearLayout>

Relative Layout
 Code
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/pink"
>

<ImageView
android:id="@+id/img"
android:layout_width="124dp"
android:layout_height="104dp"
android:layout_marginTop="100dp"
android:layout_centerHorizontal="true"
android:layout_marginBottom="140dp"
android:src="@drawable/iconee"
/>

<TextView
android:id="@+id/h"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
 android:layout_below="@+id/img"
android:layout_marginLeft="80px"
android:text="@string/hi"
android:textSize="40sp"
android:textColor="@color/welcome"

/>

<TextView
android:id="@+id/w"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/h"
android:layout_marginLeft="80px"
android:hint="@string/hi"
android:textSize="40sp"
android:text="@string/w"
android:textColor="@color/welcome"
android:layout_marginTop="90dp"

/>

</RelativeLayout>

Constrain Layout
Code:-
<?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"
android:background="@color/pink"
>

<ImageView
android:id="@+id/imageView2"
android:layout_width="124dp"
android:layout_height="104dp"
android:layout_gravity="center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.167"
app:srcCompat="@drawable/iconee" />

<TextView
android:id="@+id/h"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="80px"
android:text="@string/hi"
android:textSize="40sp"
android:textColor="@color/welcome"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.201"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView2"
app:layout_constraintVertical_bias="0.377" />

<TextView

android:id="@+id/w"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="80px"
android:text="@string/w"
android:textColor="@color/welcome"
android:textSize="40sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.065"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/h"
app:layout_constraintVertical_bias="0.497" />

</androidx.constraintlayout.widget.ConstraintLayout>

Linear Layout (Green)

Code:-
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:layout_width="match_parent"
android:layout_height="300dp"
android:src="@drawable/icon_green"
/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="432dp"
android:orientation="vertical"
android:background="@drawable/border_green"

>
<EditText

android:id="@+id/email"
 android:layout_width="350dp"
android:layout_height="wrap_content"
android:hint="@string/user"
android:textSize="20dp"
android:paddingBottom="20dp"
android:drawableStart="@drawable/user"
android:layout_marginTop="70dp"
android:textColorHint="@color/white"
android:layout_marginLeft="50px"
android:drawablePadding="15dp"

/>

<EditText
android:id="@+id/pass"
android:layout_width="350dp"
android:layout_height="wrap_content"
android:hint="@string/pass"
android:textSize="20sp"
android:layout_marginTop="30dp"
android:paddingBottom="20dp"
android:textColorHint="@color/white"
android:layout_marginLeft="50px"
android:drawableStart="@drawable/lock"
android:drawablePadding="15dp"

/>

<TextView

android:id="@+id/link"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="all"
android:layout_marginTop="20sp"
android:linksClickable="true"
android:hint="@string/link"
android:textSize="18sp"
android:textColorHint="@color/white"
android:layout_marginLeft="220dp"
/>

<Button
android:id="@+id/btn"
android:layout_width="350dp"
android:layout_height="55dp"
android:text="@string/sign"
android:textSize="15dp"
android:layout_marginTop="50dp"
android:background="@drawable/btn_green"
android:layout_marginLeft="60px"
/>
 <LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"

>

<TextView
android:id="@+id/u"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="all"
android:layout_marginTop="20sp"
android:linksClickable="true"
android:hint="@string/u"
android:textSize="18sp"
android:textColorHint="@color/white"
android:layout_marginLeft="150dp"

/>

<TextView
android:id="@+id/s"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoLink="all"
android:hint="@string/s"
android:linksClickable="true"
android:textColorHint="@color/white"
android:textSize="18sp"
android:layout_marginTop="20sp"

/>

</LinearLayout>
</LinearLayout>
</LinearLayout>

Calculator
Linear Layout
 Code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:background="@color/black"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="145dp"
android:orientation="horizontal">

<Button
android:id="@+id/buttonac"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="AC"
android:textSize="30sp"
app:backgroundTint="@color/gray"

/>

<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="+/-"
android:textSize="30sp"
app:backgroundTint="@color/gray"

/>

<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="%"
android:textSize="30sp"
 app:backgroundTint="@color/gray"

/>

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="÷"
android:textSize="30sp"
app:backgroundTint="@color/orange" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="30dp"
android:orientation="horizontal"

>

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="7"
android:textSize="30sp"
app:backgroundTint="@color/low"
android:layout_weight="1"

/>

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="@string/_8"
android:textSize="30sp"
app:backgroundTint="@color/low"

/>

<Button
 android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="9"
android:textSize="30sp"
app:backgroundTint="@color/low" />

<Button
android:id="@+id/buttond"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="x"
android:textSize="30sp"
app:backgroundTint="@color/orange" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:orientation="horizontal">

<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="4"
android:textSize="30sp"
app:backgroundTint="@color/low"

/>

<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="5"
android:textSize="30sp"
app:backgroundTint="@color/low"
 />

<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="6"
android:textSize="30sp"
app:backgroundTint="@color/low"/>

<Button
android:id="@+id/buttondivide"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="-"
android:textSize="30sp"
app:backgroundTint="@color/orange" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:orientation="horizontal">

<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="@string/_1"
android:textSize="30sp"
app:backgroundTint="@color/low"

/>

<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="2"
android:textSize="30sp"
app:backgroundTint="@color/low"
 />

<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="@string/_3"
android:textSize="30sp"
app:backgroundTint="@color/low" />

<Button
android:id="@+id/buttonmultiply"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="+"
android:textSize="30sp"
app:backgroundTint="@color/orange" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:orientation="horizontal">

<Button
android:id="@+id/button."
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/zero_button"
android:text="@string/_0"
android:textSize="30sp"
app:backgroundTint="@color/low"

/>

<Button
android:id="@+id/button0"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:backgroundTint="@color/gray"
android:text="."
 android:textSize="35sp"
app:backgroundTint="@color/low"
/>

<Button
android:id="@+id/buttonadd"
android:layout_width="wrap_content"
android:layout_height="90dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="="
android:textSize="30sp"
app:backgroundTint="@color/orange" />
tools:ignore="ButtonStyle" />
</LinearLayout>

</LinearLayout>

Relative Layout
Code
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/black"
>

<Button
android:id="@+id/btnac"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="AC"
android:textSize="30sp"
android:layout_marginTop="190dp"

/>

<Button
 android:id="@+id/btn"
android:layout_width="100dp"
android:layout_height="90dp"
android:layout_toRightOf="@+id/btnac"
android:layout_marginTop="190dp"
android:background="@drawable/button_style"
android:text="+/-"
android:textSize="30sp"

/>
<Button
android:id="@+id/btn1"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="%"
android:textSize="30sp"
android:layout_toRightOf="@+id/btn"
android:layout_marginTop="190dp"

/>
<Button
android:id="@+id/btn2"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="/"
android:textSize="30sp"
android:layout_toRightOf="@+id/btn1"
android:layout_marginTop="190dp"

/>
<Button
android:id="@+id/btn3"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="7"
android:textSize="30sp"
android:layout_below="@+id/btnac"
android:layout_marginTop="20dp"

/>

<Button
android:id="@+id/btn4"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="8"
 android:textSize="30sp"
android:layout_below="@+id/btn"
android:layout_toRightOf="@+id/btn3"
android:layout_marginTop="20dp"

/>
<Button
android:id="@+id/btn5"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="9"
android:textSize="30sp"
android:layout_below="@+id/btn1"
android:layout_toRightOf="@+id/btn4"
android:layout_marginTop="20dp"

/>
<Button
android:id="@+id/btn6"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="x"
android:textSize="30sp"
android:layout_below="@+id/btn1"
android:layout_toRightOf="@+id/btn5"
android:layout_marginTop="20dp"

/>
<Button
android:id="@+id/btnn1"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="4"
android:textSize="30sp"
android:layout_below="@+id/btn6"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/btnn2"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="5"
android:textSize="30sp"
android:layout_below="@+id/btn6"
android:layout_toRightOf="@+id/btnn1"
android:layout_marginTop="20dp"
/>
<Button
 android:id="@+id/btnn3"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="6"
android:textSize="30sp"
android:layout_below="@+id/btn5"
android:layout_toRightOf="@+id/btnn2"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/btnn4"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="-"
android:textSize="30sp"
android:layout_below="@+id/btn6"
android:layout_toRightOf="@+id/btnn3"
android:layout_marginTop="20dp"
/>

<Button
android:id="@+id/btnn5"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="1"
android:textSize="30sp"
android:layout_below="@+id/btnn1"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/btnn6"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="2"
android:textSize="30sp"
android:layout_below="@+id/btnn2"
android:layout_toRightOf="@+id/btnn5"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/btnn7"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="3"
android:textSize="30sp"
android:layout_below="@+id/btnn3"
android:layout_toRightOf="@+id/btnn6"
 android:layout_marginTop="20dp"
/>

<Button
android:id="@+id/btnn8"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="+"
android:textSize="30sp"
android:layout_below="@+id/btnn4"
android:layout_toRightOf="@+id/btnn7"
android:layout_marginTop="20dp"
/>

<Button
android:id="@+id/zero"
android:layout_width="200dp"
android:layout_height="90dp"
android:background="@drawable/zero_button"
android:text="@string/_0"
android:textSize="30sp"
android:layout_below="@+id/btnn5"
android:layout_marginTop="20dp"

/>

<Button
android:id="@+id/btnn."
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="."
android:textSize="30sp"
android:layout_below="@+id/btnn7"
android:layout_toRightOf="@+id/zero"
android:layout_marginTop="20dp"
/>

<Button
android:id="@+id/bt"
android:layout_width="100dp"
android:layout_height="90dp"
android:background="@drawable/button_style"
android:text="="
android:textSize="30sp"
android:layout_below="@+id/btnn8"
android:layout_toRightOf="@+id/btnn."
android:layout_marginTop="20dp"
/>
</RelativeLayout>

Constrain Layout
Code
<?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"
android:background="@color/black"
>
<Button
android:id="@+id/buttonac"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="224dp"
android:background="@drawable/button_style"
android:text="AC"
android:textSize="30sp"
app:backgroundTint="@color/gray"
app:layout_constraintBottom_toTopOf="@+id/button16"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.85" />

<Button
android:id="@+id/btn"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="224dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="+/-"
android:textSize="30sp"
app:backgroundTint="@color/gray"
app:layout_constraintBottom_toTopOf="@+id/button14"
app:layout_constraintEnd_toStartOf="@+id/button12"
app:layout_constraintStart_toEndOf="@+id/buttonac"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.807" />

<Button
android:id="@+id/btn1"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginTop="116dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="%"
android:textSize="30sp"
app:backgroundTint="@color/gray"
app:layout_constraintBottom_toTopOf="@+id/bt97n"
app:layout_constraintEnd_toStartOf="@+id/btn3"
app:layout_constraintHorizontal_bias="0.9"
app:layout_constraintStart_toEndOf="@+id/btn"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.72" />
<Button
android:id="@+id/btn3"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="/"
android:textSize="30sp"
app:backgroundTint="@color/gray"
tools:layout_editor_absoluteX="314dp"
tools:layout_editor_absoluteY="222dp" />

<Button
android:id="@+id/bt23n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginStart="12dp"
android:layout_marginLeft="12dp"
android:layout_marginTop="40dp"
android:layout_marginBottom="56dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="8"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintBottom_toTopOf="@+id/button17"
app:layout_constraintStart_toEndOf="@+id/btn5"
app:layout_constraintTop_toBottomOf="@+id/btn"
app:layout_constraintVertical_bias="1.0" />

<Button
android:id="@+id/bt97n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginStart="12dp"
android:layout_marginLeft="12dp"
android:layout_marginBottom="40dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="9"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintBottom_toTopOf="@+id/bt99n"
app:layout_constraintEnd_toStartOf="@+id/button18"
app:layout_constraintHorizontal_bias="0.461"
app:layout_constraintStart_toEndOf="@+id/bt23n" />

<Button
android:id="@+id/btn5"
android:layout_width="90dp"
android:layout_height="80dp"
 android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="40dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="7"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintBottom_toTopOf="@+id/button22"
app:layout_constraintEnd_toStartOf="@+id/button14"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonac"
app:layout_constraintVertical_bias="0.0" />

<Button
android:id="@+id/bt878n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="5"
android:textSize="30sp"
app:backgroundTint="@color/low"
tools:layout_editor_absoluteX="110dp"
tools:layout_editor_absoluteY="464dp" />

<Button
android:id="@+id/bt38n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginTop="40dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="X"
android:textSize="30sp"
app:backgroundTint="@color/orange"
app:layout_constraintBottom_toTopOf="@+id/button21"
app:layout_constraintTop_toBottomOf="@+id/btn3"
app:layout_constraintVertical_bias="0.173"
tools:layout_editor_absoluteX="312dp" />

<Button
android:id="@+id/bt99n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="6"
android:textSize="30sp"
app:backgroundTint="@color/low"
tools:layout_editor_absoluteX="212dp"
tools:layout_editor_absoluteY="464dp" />
<Button
android:id="@+id/bt6866n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="+"
android:textSize="30sp"
app:backgroundTint="@color/orange"
tools:layout_editor_absoluteX="321dp"
tools:layout_editor_absoluteY="464dp" />

<Button
android:id="@+id/bt87n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginTop="40dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="4"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintBottom_toTopOf="@+id/button25"
app:layout_constraintTop_toBottomOf="@+id/btn5"
tools:layout_editor_absoluteX="8dp" />

<Button
android:id="@+id/btn88"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="2"
android:textSize="30sp"
app:backgroundTint="@color/low"
tools:layout_editor_absoluteX="114dp"
tools:layout_editor_absoluteY="556dp" />

<Button
android:id="@+id/btnnh"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="3"
android:textSize="30sp"
app:backgroundTint="@color/low"
tools:layout_editor_absoluteX="224dp"
tools:layout_editor_absoluteY="556dp" />

<Button
 android:id="@+id/b9787tn"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="12dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="1"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintHorizontal_bias="0.312"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/bt87n" />

<Button
android:id="@+id/bt00n"
android:layout_width="192dp"
android:layout_height="73dp"
android:layout_marginEnd="24dp"
android:layout_marginRight="24dp"
android:layout_weight="1"
android:background="@drawable/zero_button"
android:text="0"
android:textSize="30sp"
app:backgroundTint="@color/low"
app:layout_constraintEnd_toStartOf="@+id/btnnin"
tools:layout_editor_absoluteY="651dp" />

<Button
android:id="@+id/btn_4"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_marginTop="8dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="-"
android:textSize="30sp"
app:backgroundTint="@color/orange"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/btnnh"
app:layout_constraintTop_toBottomOf="@+id/bt6866n" />

<Button
android:id="@+id/btnnin"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="."
android:textSize="30sp"
 app:backgroundTint="@color/low"
tools:layout_editor_absoluteX="212dp"
tools:layout_editor_absoluteY="651dp" />

<Button
android:id="@+id/bt0n"
android:layout_width="90dp"
android:layout_height="80dp"
android:layout_weight="1"
android:background="@drawable/button_style"
android:text="="
android:textSize="30sp"
app:backgroundTint="@color/orange"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/button28"
app:layout_constraintTop_toBottomOf="@+id/btn_4" />
</androidx.constraintlayout.widget.ConstraintLayout>