Download as pdf or txt
Download as pdf or txt
You are on page 1of 10

Nama : Aprilia Salsabila

NIM : 1931130089

Kelas/Absen : TT 2E / 05

1. Linear Layout
 Source 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:orientation="vertical"
tools:context=".MainActivity">

<ImageView
android:id="@+id/a"
android:layout_width="169dp"
android:layout_height="164dp"
android:layout_marginLeft="120dp"
android:layout_marginTop="18dp"
app:srcCompat="@drawable/a" />

<TextView
android:id="@+id/login"
android:layout_width="405dp"
android:layout_height="47dp"
android:background="#96B9EF"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold|italic" />

<TextView
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Username"
android:textColor="#BCB8B8"
android:textSize="24sp" />

<EditText
android:id="@+id/username"
android:layout_width="325dp"
android:layout_height="49dp"
android:ems="10"
android:inputType="textPersonName" />

<TextView
android:id="@+id/pass"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password"
android:textColor="#BCB8B8"
android:textSize="24sp" />

<EditText
android:id="@+id/Password"
android:layout_width="325dp"
android:layout_height="49dp"
android:ems="10"
android:inputType="textPassword" />

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="50dp"
android:fontFamily="@font/joti_one"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold"
app:backgroundTint="#96B9EF" />

<TextView
android:id="@+id/Nama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Aprilia Salsabila"
android:textSize="24sp" />

<TextView
android:id="@+id/Nim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1931130089"
android:textSize="24sp" />

<TextView
android:id="@+id/Kls"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TT 2E / 05"
android:textSize="24sp" />

</LinearLayout>
 Hasil
2. Relative Layout
 Source code

<?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"
android:orientation="vertical"
tools:context=".MainActivity">

<ImageView
android:id="@+id/a"
android:layout_width="169dp"
android:layout_height="164dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="18dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.036"
app:srcCompat="@drawable/a" />

<TextView
android:id="@+id/login"
android:layout_width="405dp"
android:layout_height="47dp"
android:layout_below="@id/a"
android:background="#96B9EF"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold|italic" />

<TextView
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/login"
android:text="Username"
android:textColor="#BCB8B8"
android:textSize="24sp" />

<EditText
android:id="@+id/username"
android:layout_width="325dp"
android:layout_height="49dp"
android:layout_below="@id/user"
android:ems="10"
android:inputType="textPersonName" />

<TextView
android:id="@+id/pass"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/username"
android:text="Password"
android:textColor="#BCB8B8"
android:textSize="24sp" />

<EditText
android:id="@+id/Password"
android:layout_width="325dp"
android:layout_height="49dp"
android:layout_below="@id/pass"
android:ems="10"
android:inputType="textPassword" />

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_below="@id/Password"
android:fontFamily="@font/joti_one"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold"
app:backgroundTint="#96B9EF" />

<TextView
android:id="@+id/Nama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button"
android:text="Aprilia Salsabila"
android:textSize="24sp" />

<TextView
android:id="@+id/Nim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/Nama"
android:text="1931130089"
android:textSize="24sp" />

<TextView
android:id="@+id/Kls"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/Nim"
android:text="TT 2E / 05"
android:textSize="24sp" />

</RelativeLayout>
 Hasil
3. Constraint Layout
 Source 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"
tools:context=".MainActivity">

<ImageView
android:id="@+id/a"
android:layout_width="169dp"
android:layout_height="164dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.036"
app:srcCompat="@drawable/a" />

<TextView
android:id="@+id/login"
android:layout_width="405dp"
android:layout_height="47dp"
android:background="#96B9EF"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold|italic"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.321" />

<TextView
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Username"
android:textColor="#BCB8B8"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.046"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.394" />

<EditText
android:id="@+id/username"
android:layout_width="325dp"
android:layout_height="49dp"
android:ems="10"
android:inputType="textPersonName"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.162"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.463" />

<TextView
android:id="@+id/pass"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password"
android:textColor="#BCB8B8"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.045"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.537" />

<EditText
android:id="@+id/Password"
android:layout_width="325dp"
android:layout_height="49dp"
android:ems="10"
android:inputType="textPassword"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.186"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.61" />

<Button
android:id="@+id/button"
android:layout_width="325dp"
android:layout_height="50dp"
android:fontFamily="@font/joti_one"
android:text="Login"
android:textAlignment="center"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:textStyle="bold"
app:backgroundTint="#96B9EF"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.186"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.717" />

<TextView
android:id="@+id/Nama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Aprilia Salsabila"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.041"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.845" />

<TextView
android:id="@+id/Nim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1931130089"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.035"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.891" />

<TextView
android:id="@+id/Kls"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TT 2E / 05"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.033"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.937" />

</androidx.constraintlayout.widget.ConstraintLayout>
 Hasil

You might also like