Skip to content

Instantly share code, notes, and snippets.

@mikkipastel

mikkipastel/fragment_main.xml

Created May 7, 2022 11:55
Show Gist options
  • Save mikkipastel/7cc83735683e5e7a10d6928c16b4c464 to your computer and use it in GitHub Desktop.
Save mikkipastel/7cc83735683e5e7a10d6928c16b4c464 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fragment_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ImageView
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_margin="16dp"
android:src="@drawable/ic_close"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
<TextView
android:id="@+id/textViewHeader"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="กรุณาใส่รหัสผ่าน"
android:textColor="@color/black"
android:textSize="16sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
<LinearLayout
android:id="@+id/layoutPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="8dp"
app:layout_constraintTop_toBottomOf="@+id/textViewHeader"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent">
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_filled"/>
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_filled"/>
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_outline"/>
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_outline"/>
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_outline"/>
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_margin="8dp"
android:src="@drawable/ic_password_outline"/>
</LinearLayout>
<LinearLayout
android:id="@+id/layoutNumpad"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginVertical="8dp"
app:layout_constraintTop_toBottomOf="@+id/layoutPassword"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/textViewNumpad1"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="1"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad2"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="2"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad3"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="3"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/textViewNumpad4"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="4"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad5"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="5"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad6"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="6"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/textViewNumpad7"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="7"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad8"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="8"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
<TextView
android:id="@+id/textViewNumpad9"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="9"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"/>
</LinearLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textViewNumpad0"
android:layout_width="72dp"
android:layout_height="72dp"
android:padding="8dp"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:gravity="center"
android:text="0"
android:textSize="32sp"
android:textColor="@color/black"
android:background="@drawable/ic_numpad_outline"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/textViewNumpadDelete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginVertical="4dp"
android:layout_marginHorizontal="8dp"
android:src="@drawable/ic_numpad_delete"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toEndOf="@id/textViewNumpad0"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>
<TextView
android:id="@+id/textViewForgotPassword"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginVertical="16dp"
android:text="ลืมรหัสผ่าน"
android:textSize="16sp"
android:textColor="#16ABA6"
app:layout_constraintTop_toBottomOf="@+id/layoutNumpad"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
Raw
ic_close.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="48dp"
android:height="48dp"
android:viewportWidth="48"
android:viewportHeight="48"
android:tint="?attr/colorControlNormal">
<path
android:fillColor="@android:color/black"
android:pathData="M12.45,37.65 L10.35,35.55 21.9,24 10.35,12.45 12.45,10.35 24,21.9 35.55,10.35 37.65,12.45 26.1,24 37.65,35.55 35.55,37.65 24,26.1Z"/>
</vector>
Raw
ic_numpad_delete.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="32dp"
android:height="20dp"
android:viewportWidth="32"
android:viewportHeight="20">
<path
android:strokeWidth="1"
android:pathData="M0.7071,10L10.2071,0.5H30C30.8284,0.5 31.5,1.1716 31.5,2V18C31.5,18.8284 30.8284,19.5 30,19.5H10.2071L0.7071,10Z"
android:fillColor="#00000000"
android:strokeColor="#000000"/>
<path
android:pathData="M14.6968,3.9896l11.3137,11.3137l-0.7071,0.7071l-11.3137,-11.3137z"
android:fillColor="#000000"/>
<path
android:pathData="M13.9895,15.3033l11.3137,-11.3137l0.7071,0.7071l-11.3137,11.3137z"
android:fillColor="#000000"/>
</vector>
Raw
ic_numpad_outline.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<stroke android:color="#D3D7DD" android:width="1dp" />
</shape>
Raw
ic_password_filled.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#16ABA6" />
</shape>
Raw
ic_password_outline.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<stroke android:color="#16ABA6" android:width="1dp" />
</shape>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment