Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Cara Install Dependency Google Android Material di Android Studio

4 min read

Tutorial Android

Ilmucoding.comHari ini kami akan memberikan tutorial cara install depedency google android material di android studio. Jika Anda belum menginstall Android Studio silahkan pelajari cara install Android Studio di artikel kami sebelumnya.

Depedency ini dibutuhkan saat tampilan aplikasi sudah semakin komplex. Ada beberapa hal yang tidak didukung oleh widget Android biasa. Itu sebabnya Anda perlu menginstall depedency Google Android Material ini.

Library ini mendukung banyak fitur yang berguna untuk mendesain tampilan UI Android. Misalnya pada Text Input Layout. Bukan cuma itu, masih banyak dukungan lainnya.

Oke tanpa bermaksud berlama-lama, mari kita pelajari bagaimana cara install depedency keren ini.

Cara Install Depedency Google Android Material

Step #1 – Pilih File

Step #2 – Pilih Project Structure

Perhatikan gambar di bawah ini:

Cara Install Dependency Google Android Material di Android Studio 1

Step #3 – Pilih Depedencied

Step #4 – Klik icon “+” pada All Depedencies

Step #5 – Pilih Library Depedencies

Perhatikan gambar di bawah ini:

Step #6 – Ketik “material” pada kolom search, kemudian tekan enter. Tunggu beberapa saat sampai muncul hasilnya.

Step #7 – Pilih com.google.android.material kemudian klik OK.

Lihat gambar di bawah ini:

Cara Install Dependency Google Android Material di Android Studio 2

Step #8 – Klik “Apply” dan tunggu sampai proses sinkronisasi gradle selesai.

Cara Install Dependency Google Android Material di Android Studio 3

Selesai.

Sekarang depedency sudah berhasil diinstall. Selamat mencoba.

Contoh Program di Android Studio

Script yang kami lampirkan di sini merupakan hasil membuat activity dengan nama FormActivity.

Langkah-langkahnya:

  1. Klik kanan pada root project
  2. Klik new
  3. Pilih empty activity
  4. Beri nama FormActivity
  5. Klik Ok

Kemudian pada bagian XML kami desain tampilannya seperti ini script di bawah ini:

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

    <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"
        android:padding="8dp"
        tools:context=".FormActivity">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="8dp"
            android:orientation="horizontal">

            <EditText
                android:id="@+id/inputNamaDepan"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:hint="Nama Depan" />

            <EditText
                android:id="@+id/inputNamaBelakang"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:hint="Nama Belakang" />

        </LinearLayout>

        <com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/inputNoHp"
                android:inputType="number"
                android:maxLength="12"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:hint="No Hp" />

        </com.google.android.material.textfield.TextInputLayout>

        <com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/inputEmail"
                android:inputType="textEmailAddress"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:hint="Email" />

        </com.google.android.material.textfield.TextInputLayout>

        <com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/inputTglLahir"
                android:clickable="true"
                android:focusable="false"
                android:inputType="none"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:hint="Tanggal Lahir" />

        </com.google.android.material.textfield.TextInputLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Gender" />


        <RadioGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/rbPria"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Pria" />

            <RadioButton
                android:id="@+id/rbWanita"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Wanita" />
        </RadioGroup>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Jenjang" />

        <Spinner
            android:id="@+id/spinnerJenjang"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:entries="@array/jenjang" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hobi" />

        <CheckBox
            android:id="@+id/cbMembaca"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Membaca" />


        <CheckBox
            android:id="@+id/cbMenulis"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Menulis" />


        <CheckBox
            android:id="@+id/cbMenggambar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:text="Menggambar" />


        <com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/inputAlamat"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:layout_marginBottom="8dp"
                android:gravity="start"
                android:hint="Alamat" />
        </com.google.android.material.textfield.TextInputLayout>

        <Button
            android:id="@+id/btnSimpan"
            android:drawableLeft="@drawable/ic_save_black_24dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Simpan" />

    </LinearLayout>


</ScrollView>

Anda bisa melihat hasilnya seperti gambar di bawah ini:

Penutup

Mengakhiri artikel ini kami ingin mengatakan bahwa menjadi programmer Android tidak mudah. Butuh ketekunan dalam latihan agar bisa menguasainya. Pertama Anda perlu belajar dasar-dasar Java dan Kotlin. Setelah itu Anda akan lancar dalam membuat aplikasi berbasis Android.

Di ilmucoding.com, insya Allah Anda akan mendapatkan update tutorial dasar bahasa pemrograman Java dan Kotlin. Sampai jumpa di tutorial berikutnya.

Selamat belajar …

Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Leave a Reply

Your email address will not be published. Required fields are marked *

Jika terbantu dengan artikel ini, silahkan share, beri komentar dan "klik" 1 kali pada iklan ya.