Professional Documents
Culture Documents
TT2E Aprilia Salsabila Tugas 3
TT2E Aprilia Salsabila Tugas 3
NIM : 1931130089
Kelas/Absen : TT 2E / 05
1. Linear Layout
Source Code
<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
<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