Tutorial Material Design Android Studio untuk Pemula - Jember Developer
Hey, please buy this template if you want to remove the credit link! Thank you.
Hargailah para designer yang sudah susah payah membuat template ini.
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.
  1. Buka Android Studio, pada tutorial ini saya menggunakan versi 1.3.2
  2. Pilih "Start a new Android Studio project"
  3. Kemudian atur nama aplikasi, nama package dan direktori untuk menyimpan projek aplikasi android yang akan sobat buat.
    Tutorial Material Design Android Studio untuk Pemula #Part 1
  4. Kemudian pilih Minimum SDK untuk menjalankan aplikasi yang akan sobat buat, di sini saya pilih API 15:Android 4.0.3 (IceCreamSandwich)
    Tutorial Material Design Android Studio untuk Pemula #Part 1
  5. Setelah itu pilih Blank Activity. Klik Next kemudian Finish.
  6. Tunggu hingga proses building selesai.
  7. Jika sudah klik kanan pada direktori values > New > values resource file
  8. Berinama colors, lalu klik OK.
  9. Jika sudah salin kode berikut ini ke file colors. Untuk mendapatkan kombinasi warna Material Design yang pas silahkan kunjungi www.materialpalette.com
  10.  <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorPrimary">#2196F3</color>
        <color name="colorPrimaryDark">#1976D2</color>
        <color name="colorAccent">#FF4081</color>
    </resources> 
  11. Selanjutnya buat file seperti langkah nomor 7, berinama styles, pada bagian Directory name ubah menjadi values-v21
  12. Buka file styles.xml dan v21\styles.xml
  13. Salin kode berikut ke file styles.xml
  14.  <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> 
  15. Selanjutnya salin kode berikut ke file v21\styles.xml
  16.  <?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> 
  17. Jika sudah coba jalankan menggunakan perangkat android sobat.

Video Tutorial

Tidak ada komentar: