Gradient nedir?
Gradient dilimizde renk geçişi olarak bilinir. Belirtmiş olduğumuz iki veya daha fazla renk arasında yumuşak bir geçiş yapmamızı sağlar. Bu iş için bir adet başlangıç ve bir adet bitiş rengine ihtiyacımız var. Örnek olarak #e65c00 başlangıç ve #f9d423 bitiş renklerini ele alalım.
1.Adım:
res/drawable klasörü altında yeni bir Drawable Resource File oluşturmamız gerekiyor.
2.Adım:
Oluşturduğumuz Drawable Resource File içerisine aşağıdaki kodu yapıştırıyoruz.
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<gradient
android:startColor="#e65c00"
android:endColor="#F9D423"
android:type="linear"
android:angle="45"/>
</shape>
</item>
</selector>
Buradaki shape elementi belirli özellikleri sayesinde bize gradient yani renk geçişlerini ayarlamamıza olanak sağlıyor.
android:startColor –> gradient başlangıç rengi.
android:endColor –> gradient bitiş rengi.
android:type –> gradient deseni.
Android’ de linear, radial ve sweep olmak üzere 3 farklı type vardır.
linear
radial
sweep
android:angle –> gradient konumunu belirler. 0 dahil 45 ve katlarıyla çalışır.
3.Adım:
Artık activity_main.xml’ e gidip arka planımızı res/drawable altına oluşturduğumuz gradient olarak değiştirebiliriz.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:background="@drawable/gradient_drawable"
/>
Projelerimi oluştururken en çok kullandığım iki gradient renk sitesi