Kategoriler
Android Günlükleri

Android Günlükleri #2-Android Studio’da Gradient Background Nasıl Yapılır?

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

https://uigradients.com/

https://webgradients.com/