Tutorial Android | Membuat Gradient Warna Untuk Layout dan widget

Hey Dab! Kali ini Saya Akan Membuat Warna Gradien dan itu bisa di letakkan untuk komponen apa saja untuk mengolah layout menjadi semakin Bagus.  Kali ini Saya akan menerapkannya pada Button, agar terlihat lebih menarik.


Coba Lihat Contoh Berikut ini

Oke Terlihat Lebih menarik Bukan, kita tidak melihat Button yang hanya Abu-abu saja. Dan itu bisa di custom loh warnanya. Oke gak usah berlama-lama Kita langsung ke tutorialnya.

1. Buat Project baru Android File -> New -> Android Project.
2. Tambahkan Button Pada Layout yang ingin diubah warnanya res -> Layout -> main_activity.xml ( Kalau saya namanya main_activity.xml, terserah punya kalian apa)
3. Setelah Itu Buka res -> Drawable, Baru tambahkan xml -> pilih yang shape / terserah yang mana aja boleh asal xml.
4. Baru Kita buka xml yang baru di buat, xml saya tadi di beri nama gradient_blue.xml. Baru kalian Tuliskan code di bawah ini.
   

   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:state_pressed="true" >
           <shape>
   <!-- Soild digunakan untuk Membentuk Warna Block -->
               <solid
            android:color="#449def" />
   <!-- Stroke digunakan untuk Membentuk Border/Garis Tepi -->
               <stroke
                   android:width="1dp"
                   android:color="#2f6699" />
   <!-- Corners digunakan untuk Membentuk Sudut, semakin besar radius maka akan semakin tumpul sudutnya -->
               <corners
                   android:radius="3dp" />
               <padding
                   android:left="10dp"
                   android:top="10dp"
                   android:right="10dp"
                   android:bottom="10dp" />
           </shape>
       </item>
       <item>
           <shape>
   
   <!-- Gradient digunakan untuk Membentuk Warna Gradient, dan itu bisa di bentuk dari 2 atau pun 3 warna. -->
               <gradient
                   android:startColor="#449def"
                   android:endColor="#2f6699"
                   android:angle="270" />
               <stroke
                   android:width="1dp"
                   android:color="#2f6699" />
               <corners
                   android:radius="4dp" />
               <padding
                   android:left="10dp"
                   android:top="10dp"
                   android:right="10dp"
                   android:bottom="10dp" />
           </shape>
       </item>
   </selector>
   

   
   
   
5. Setelah anda membuat gradient_blue.xml, Langkah berikutnya adalah memasangkan gradient itu ke button yang kita buat tadi. Sekarang kita masuk ke codenya, button yang anda buat pertama kali akan memunculkan code yang kurang lebih seperti ini.
   

   <Button 
   android:id="@+id/btnLogin" 
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Button" />
   

   
   Lalu Sekarang Kalian Tambahkan Didalamnya Sama Seperti menambahkan Gambar.
    
   

   android:background="@drawable/gradient_blue.xml"
   

   
   
6. Oke Ketika di Run, maka Akan Terbentuk Button Seperti Gambar diatas.