Baru ! Tutorial Lengkap Material Design Android Studio oleh - seputarandroidstudio.xyz

Halo sahabat selamat datang di website seputarandroidstudio.xyz, pada kesempatan hari ini kita akan membahas seputar Baru ! Tutorial Lengkap Material Design Android Studio oleh - seputarandroidstudio.xyz, kami sudah mempersiapkan artikel tersebut dengan informatif dan akurat, silahkan membaca

Material Design bisa kita gunakan pada Android Studio pada saat membuat aplikasi android agar desainnya menjadi modern dan menarik.

Pengenalan Material Design dan Fungsinya

Sebelum mempelajari Material Design pada Android Studio ada baiknya kita mengetahui apa itu Material Design.

Material Design adalah library desain untuk OS Android yang dikembangkan oleh Google. Dirilis pertama kali untuk OS Android Versi 5 yaitu Lollipop dan diperkenalkan ke public pada acara Google I/O tanggal 25 Juni 2014.

material design android studio
Contoh Desain Aplikasi Android yang Menggunakan Material Design

Dengan menggunakan Material Design kita bisa membuat tampilan UI / UX (User Interface / User Experince) aplikasi android terlihat lebih nyata, bertekstur, modern, dan profesional.

Ada beberapa komponen Material Design yang bisa kita integrasikan pada aplikasi android yang sedang kita buat, di antaranya :

  • Tema Material
  • List dan Card
  • Shadow
  • Animasi

Tutorial Material Design Android Studio

Berikut ini adalah daftar tutorial Material Design Android Studio yang sering digunakan untuk pengembangan aplikasi android, yaitu :

Toolbar

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Toolbar
  • Membuat Toolbar
  • Memodifikasi Toolbar
  • Menambahkan Pop Up Menu Pada Toolbar
  • Menambahkan Action Pada Toolbar
  • Menambahkan On-Click Listener

Navigation Drawer

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Navigation Drawer
  • Membuat Navigation Drawer
  • Menambahkan on-Clik Listener
  • Memodifikasi Navigation Drawer
  • Menempatkan Navigation Drawer pada Toolbar

Button

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Button
  • Membuat Flat Button
  • Membuat Floating Action Button

Progress Bar

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Progress Bar
  • Membuat Circular Progress Bar
  • Membuat Linear Progress Bar

Dialogs

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Dialogs
  • Membuat Alert Dialog
  • Memodifikasi Alert Dialog
  • Membuat Confirmation Dialog
  • Memodifikasi Confirmation Dialog
  • Membuat Circular Progess Dialog
  • Membuat Linear Progress Dialog

Snackbar

Pada tutorial ini kita akan mempelajari :

  • Pengenalan Snackbar
  • Membuat Snackbar menggunakan Coordinator Layout
  • Menambahkan Action pada Snackbar
  • Memodifikasi Snackbar

Bottom Navigation

Pada tutorial ini kita akan mempelajari :

  • Membuat Bottom Navigation
  • Memodifikasi Bottom Navigation
  • Menambahkan on-Click Listener pada Bottom Navigation

Tab Layout

Pada tutorial ini kita akan mempelajari :

  • Membuat Tab Layout dengan Teks
  • Membuat Tab Layout dengan Icon
  • Membuat Tab Layout dengan Icon dan Teks

Collapsing Toolbar Layout

Pada tutorial ini kita akan mempelajari :

  • Membuat Collapsing Toolbar Layout
  • Memodifikasi Collpasing Toolbar Layout
  • Menambahkan Float Action Button pada Collapsing Toolbar Layout

CardView

Pada tutorial ini kita akan mempelajari :

  • Membuat Card View
  • Memodifikasi Card View
  • Menambahkan on-Click Listener

RecycleView

Pada tutorial ini kita akan mempelajari :

  • Membuat RecycleView
  • Membuat Layout untuk RecycleView Items
  • Menambahkan RecycleAdapter
  • Menambahkan on-Click Event pada RecycleView Items

Itulah beberapa tutorial Material Design yang akan kita pelajari. Semua tutorialnya ditulis menggunakan Android Studio versi 3.5.

Toolbar pada Aplikasi Android

Pada tutorial pertama Material Design ini kita akan belajar mengaplikasi Toolbar pada aplikasi android menggunakan Android Studio.

Membuat Project Baru

  • Buka Android Studio kemudian buat project baru dengan mengklik Start a new Android Studio Project, kemudian pilih Empty Activity lalu klik tombol Next 

material design android studio

  • Isi konfigurasi project : Nama project, nama package, bahasa pemrograman yang ingin digunakan, dan minimum API. Jika sudah klik tombol Finish

  • Tunggu sampai proses Gradle selesai dan Workspace Android Studio sudah siap digunakan

Menghilangkan Action Bar

Langkah selanjutnya adalah menghilangkan action bar yang sudah menjadi bawaan dari desain aplikasi android pada Android Studio. Cara menghilangkannya cukup mudah yaitu :

  • Buka file styles.xml yang terdapat pada direktori Values
  • Ubah kode DarkActionBar di bawah ini :