Apa itu AppCompat Library Material Design di Android Studio


Assalamualaikun Wr.Wb.

Pada Material Design kali ini WildanTechnoArt akan memperkenalkan sebuah Library yang nantinya akan berguna sekali untuk mendesign sebuah Activity, yaitu AppCompat Library.


Mengenal AppCompat Library pada Android Studio

AppCompat Library biasanya digunakan untuk mengimplementasikan ActionBar/Toolbar dan Material Design pada aplikasi yang kita buat di Android Studio. Tapi saat ini penggunaan AppCompat Library sudah menjadi default (bawaan), saat kita membuat project pada Android Studio.

Kalian bisa melihat dan mensetting penggunaan AppCompat Library pada Direktory: app/build.gradle, disana terdapat Script/Kode seperti berikut :

dependencies {
    compile 'com.android.support:appcompat-v7:23.4.0'
}

Disana saya menggunakan AppCompat versi 23.4.0, kalian juga bisa mengupdatenya ke versi yang lebih baru. Pada saat menggunakan 'com.android.support:appcompat-v7:23.4.0', kalian akan melihat perubahan pada beberapa komponen aplikasi yang kalian buat, diantaranya :

1) Perubahan pada Activity

import android.app.Activity
//Menjadi
import android.support.v7.app.AppCompatActivity extends Activity
//Menjadi
extends AppCompatActivity

Disini WildanTechnoArt akan menjelaskan perbedaan Activity dengan AppCompatActivity :
  • Jika menggunakan Activity, project yang dijalankan pada perangkat Android yang mempunyai API 21/Android 5.0 (Lolipop) kebawah, Title Bar, Action Bar/Toolbar pada aplikasi tersebut tidak akan muncul dan akan seperti gambar di bawah ini :
  • Dan jika menggunakan AppCompatActivity, project yang dijalankan pada perangkat Android yang mempunyai API 21/Android 5.0 (Lolipop) kebawah, Title Bar pada aplikasi tersebut akan muncul dan akan seperti gambar di bawah ini :

2) Perubahan pada Fragment

import android.support.v4.app.FragmentActivity
//Menjadi
import android.support.v7.app.AppCompatActivity
extends FragmentActivity
//Menjadi
extends AppCompatActivity
import android.app.Fragment
//Menjadi  
import android.support.v4.app.Fragment
getFragmentManager()
//Menjadi
getSupportFragmentManager()

Secara default Fragment hanya didukung oleh Android 3.0 (API 11 Honeycomb), tentunya teknologi ini tidak dapat dimanfaatkan secara optimal, alasannya karena tidak semua perangkat android menggunakan Android 3.0 (API 11 Honeycomb), jadi jika kalian membuat fragment dan menjalankannya di perangkat Android yang dibawah Honeycomb seperti Gingerbread (API 9) maka fragment tersebut tidak akan muncul.

Baca Juga :

Maka dari itu dengan menggunakan AppCompat Library kalian bisa menggunakan fragment pada Android 1.6 Donut (API level 4) atau lebih tinggi.

3) Perubahan pada ActionBar
import android.app.ActionBar
//Menjadi  
import android.support.v7.app.ActionBar
//================================================
getActionBar()
//Menjadi
getSupportActionBar()

4) Perubahan pada Alert Dialog

import android.app.AlertDialog
//Menjadi  
import android.support.v7.app.AlertDialog

Jika kalian menggunakan AppCompat Library, pada widget Alert DIalog, terdapat perubahan tampilan menjadi Material Design saat dijalankan.

5) Penggunaan targetSdkVersion

Penggunaan targetSkVersion dengan versi 23 di build.gradle , digunakan untuk mengimplementasi tampilan Material Design , pada prangkat yang sedang kalian gunakan.

android {
    targetSdkVersion 23

6) Perubahan pada style theme.xml

Jika kalian berpindah dari Theme Holo, kalian dapat melihat perubahan menjadi Theme.AppCompat pada theme di style.xml di  project kalian.

<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar"/>
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"/>

7) Perubahan pada menu xml

Pada folder res/menu/xml  di project kalian, terdapat tambahan namespace app: untuk penggunaan menu item showAsAction .

Dan jika kalian menggunakan widget SearchView ,android.widget.SearchView versi dulu digantikan dengan android.support.v7.widget.SearchView.

<menu 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"
      tools:context=".MainActivity">
 
    <item android:id="@+id/search"
          android:title="@string/cari_sesuatu"
          android:icon="@drawable/ic_cari"
          app:actionViewClass="android.support.v7.widget.SearchView"
          app:showAsAction="always"/>
 </menu>


Ok, sekian tutorial singkat dari saya mengenai AppCompat Library, semoga kalian bisa memahamiinya dan mempraktekannya di rumah, jika kalian belum paham, kalian bisa menanyakannya langsung kepada saya melalui kontak atau email dan terakhir dari saya,
Wassalamualaikum Warahmatullahi Wabarakatuh.
Wildan M Athoillah
Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android.