Tutorial Material Design Android Studio untuk Pemula
Halo gaes, pada posting pertama ini Jember Developer akan membagikan tutorial material design menggunakan Android Studio. Tutorial ini dibuat untuk para pemula yang ingin belajar android development. Karena admin juga masih pemula jadi kita belajar bersama di sini. Oke langsung simak tutorial berikut.
- Buka Android Studio, pada tutorial ini saya menggunakan versi 1.3.2
- Pilih "Start a new Android Studio project"
- Kemudian atur nama aplikasi, nama package dan direktori untuk menyimpan projek aplikasi android yang akan sobat buat.
- Kemudian pilih Minimum SDK untuk menjalankan aplikasi yang akan sobat buat, di sini saya pilih API 15:Android 4.0.3 (IceCreamSandwich)
- Setelah itu pilih Blank Activity. Klik Next kemudian Finish.
- Tunggu hingga proses building selesai.
- Jika sudah klik kanan pada direktori values > New > values resource file
- Berinama colors, lalu klik OK.
- Jika sudah salin kode berikut ini ke file colors. Untuk mendapatkan kombinasi warna Material Design yang pas silahkan kunjungi www.materialpalette.com
- Selanjutnya buat file seperti langkah nomor 7, berinama styles, pada bagian Directory name ubah menjadi values-v21
- Buka file styles.xml dan v21\styles.xml
- Salin kode berikut ke file styles.xml
- Selanjutnya salin kode berikut ke file v21\styles.xml
- Jika sudah coba jalankan menggunakan perangkat android sobat.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#2196F3</color>
<color name="colorPrimaryDark">#1976D2</color>
<color name="colorAccent">#FF4081</color>
</resources>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="AppTheme.Base">
<!-- Customize your theme here. -->
</style>
<style name="AppTheme.Base" parent="Theme.AppCompat.Light">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="AppTheme.Base">
<item name="android:colorPrimary">@color/colorPrimary</item>
<item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="android:colorAccent">@color/colorAccent</item>
</style>
</resources>