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.
  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.

Key TMDB

42cb9443cdefaae0006df319f1c84c8d

Entri Populer

Mantaps Material Design Blogger Template

AndBlog v1.1 - Make Android App for Blogger Blog

Tutorial Toolbar Android Studio Untuk Pemula