Ngoding Secara Efisien dengan Live Template — Android Studio

Djaka Pradana Jaya Priambudi
Ladang Developer
Published in
4 min readNov 17, 2019

Hey guys, lama ga bkin story medium nih lagi rada sibuk soalnya kwkw. So recently, I discovered something called “Live Template” and how powerful it is from my teammate. Jadi aku pengen share aja hehe gimana cara pakai, buat dan efek-efek yang aku alamin. Let’s dive into it.

Live Template? Apaan tuh? — Well, it’s a template

Percaya ga percaya, kita pasti pernah pakai tools ini. Ga percaya? Oke liat gif ini :

Toast Live Template

Yup Android Studio sudah punya live template bawaan untuk memudahkan kita selama ngoding. Selain bisa ngoding lebih cepet atau bikin kita kayak pesulap, hal ini bisa mengurangi kemungkinan ‘lupa melakukan sesuatu’. Contoh sederhana aja deh, kamu bikin Toast secara manual lalu codenya begini :

Toast.makeText(getContext(), “Hello”, Toast.LENGTH_SHORT);

Lalu kamu :

“Waduu kok toast gw ga mau muncul”

Padahal kamu lupa nambahin .show() di belakangnya.

Toast.makeText(getContext(), “Hello”, Toast.LENGTH_SHORT).show();

Terus gimana cara bikinnya? — Its really simple, no joke

Masuk ke Preferences lalu search aja “Live Template”. Klik + lalu pilih Live Template

Live Template Preferences

Nanti bakal muncul seperti gambar dibawah ini :

Here is the basic :

Abbreviation (it sounds scary but it really isn’t)

Abbreviation bisa dibilang seperti keyword yang bakal kamu panggil supaya live template muncul di intellisense (auto complete).

Seperti contoh diatas tadi (Toast) dia set abbreviation = “Toast” jadi ketika kamu menuliskan “Toast” dia bakal muncul di intelisense.

Description

Description itu sebagai deskripsi atau penjelas dari abbreviationmu, ini opsional jadi terserah mau diisi atau enggak.

Template text

Template text adalah code yang bakal ditulis ketika kamu pakai live template ini.

Talk is cheap, show me the — template

Kali ini kita bakal buat live template untuk variable yang bindable.

Bindable Vars
Bindable vars

Dari code tersebut kita bisa tau kalau yang berubah hanya beberapa hal saja yaitu :

1. Nama variable

2. Tipe Data & Default value

Nah berarti kita butuh 2 variable yang bsa kita ganti secara runtime, mari kita sebut mereka sebagai NAME dan DATATYPE. Untuk membuat variable di live template, kamu cukup taruh mereka di dalam $..$ dan misal dipakai ulang, tinggal beri nama yang sama. (PS: Kamu juga bisa memformat variable juga lho)

Nah kurang lebih Live Templatenya bakal seperti ini :

Live Template Example

Kamu juga bisa dengan mudah merubah variable tersebut dengan klik edit variables. Disini kamu bisa mengcustomize lebih dalam tiap variable tersebut. Kamu bisa baca lebih lanjut di sini.

Edit Template Variables

Langkah terkahir, pilih dimana Live Template ini bakal digunakan. Sekarang aku bakal pilih Kotlin karena akan digunakan di kotlin. Klik define lalu centang Kotlin. Kamu juga bisa membuat agar sesuai coding style yang ada dengan centang Reformat according to style.

And violaa. Kamu selesai membuat custom Live Templatemu sendiri dan berikut berbandingan sebelum dan sesudah menggunakan Live Template, kecepatan bisa meningkat 2x lipat.

Before vs After

Ini hanya dasarnya saja, banyak hal hal yang bisa kamu lakukan dengan memanfaatkan Live Template.

Setelah kenal Live Template aku jadi lebih efisien dan bisa fokus di hal hal yang lebih penting lainnya, bahkan kalau sadar ada hal yang bisa di Live Template biasanya bakal luangin beberapa menit untuk bikin Live Template untuk investasi masa depan wkkw.

Okay that’s it. Don’t for get to 👏👏 and give any feedback~

Thanks for reading and see you guys next time! 👋

--

--