XML File tidak sama dengan XML Android

Hallo teman-teman Coders, hari ini saya ingin membagikan pengetahuan dasar mengenai XML. Pada dasarnya XML (Extensible Markup Language) adalah bahasa markup untuk keperluan pertukaran data antar sistem yang beraneka ragam. Sehingga, jika teman-teman Coders mengenal JSON sebagai pertukaran data untuk front dan backend maka seperti itulah XML.

Pada dunia Android, XML digunakan untuk membuat interface atau design. Sehingga penggunaanya pun sangat berbeda, lihatlah illustrasi berikut ini :

Pada gambar diatas, teman-teman coders bisa melihat bahwa design ini terdiri dari root ConstraintLayout dan didalamnya terdapat view.

<?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:id="@+id/linearLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_thumbnail"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:layout_marginBottom="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tv_nomor"
        app:layout_constraintTop_toTopOf="parent"
        android:scaleType="centerCrop"
        tools:ignore="ContentDescription,ImageContrastCheck"
        tools:srcCompat="@tools:sample/avatars" />

    <TextView
        android:id="@+id/tv_nomor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:fontFamily="@font/montserrat_bold"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_thumbnail"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/iv_thumbnail"
        tools:text="01" />

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:fontFamily="@font/montserrat_medium"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_thumbnail"
        app:layout_constraintStart_toEndOf="@+id/iv_thumbnail"
        app:layout_constraintTop_toTopOf="@+id/iv_thumbnail"
        tools:text="Pudge" />
</androidx.constraintlayout.widget.ConstraintLayout>

Berikut preview yang dihasilkan oleh code sebelumnya :

Teman-teman Coder harus mengetahui apa pengertian dari viewgroup dan juga view. Secara singkat ViewGroup adalah wadah penampung View yang fungsinya untuk mendefinisikan struktur tata letak setiap elemen aplikasi misalnya linearlayout, relativelayout dan lain-lainnya (Didalamnya bisa terdapat viewgroup dan view). Sedangkan, Views adalah elemen yang menyusun dari sebuah layout misalnya textview, edittext dan lain-lainnya (didalamya tidak bisa menampung viewgroup ataupun view).

Selain itu file XML pada Android juga digunakan untuk :

• Manifest (Permission, meta dan lain-lainnya)
• Value (Strings, colors, styles and Dimens)
• Asset (Drawable)

Semoga bermanfaat, dan kita ketemu di post lainnya 🙂