Merhaba arkadaşlar, bugün sizlere Android uygulamalarınızın görsel tasarımını kişiselleştirmenin keyifli bir yolunu paylaşacağım: butonların arka plan rengini değiştirme!
Belki de uygulamanızın estetik görünümünü daha da iyileştirmek istiyorsunuz ya da sadece biraz oynamak için meraklısınız. Ne sebepten olursa olsun, bu makalede Android Studio kullanarak bir butonun rengini değiştirmenin kolay bir yolunu öğreneceksiniz. Hazırsanız, başlayalım!
Adım 1: Öncelikle, Android Studio’yu açın ve projenizi yükleyin veya yeni bir proje oluşturun.
Adım 2: Ardından , drawable klasöründe yeni bir XML dosyası oluşturun ve adını button_background.xml olarak belirtin. İçeriğini aşağıdaki gibi doldurun.
1 2 3 4 5 6 7 8 | <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/buton_zemin_renk" /> <corners android:radius="10dp" /> <stroke android:width="1dp" android:color="@color/white" /> </shape> |
drawable klasöründeki XML dosyası, genellikle grafik öğelerin veya çeşitli arayüz bileşenlerinin görsel özelliklerini tanımlar. Bu dosyalar, genellikle şekil çizimi, renk tanımı veya dokuların belirlenmesi gibi görsel efektlerin oluşturulmasında kullanılır. Örneğin, arka plan rengi, kenarlık, dolgu rengi gibi özellikleri belirlemek için kullanılabilir. Bu XML dosyaları, genellikle diğer yerlerde (örneğin, bir butonun arka plan rengi olarak) referanslanır ve uygulamanın genel tasarımını yönetmek için kullanılır.
Oluşturulan shape içinde buton_zemin_renk özelliğini oluşturmak için aşağıdaki adımdan devam ediyoruz.
Adım 3: Şimdi, arka plan rengini belirlemek için colors.xml dosyasında bir renk değeri tanımlayın.
1 2 3 4 5 6 7 8 | <?xml version="1.0" encoding="utf-8"?> <resources> <color name="black">#FF000000</color> <color name="white">#FFFFFFFF</color> <color name="buton_zemin_renk">#d63031</color> </resources> |
NOT: Yukarıdaki color.xml dosyasında diğer renkler de mevcut ise onların için <color> etiketi ile rengi ekleyiniz.
Adım 4: Buradaki adımda android projesindeki geçerli olan tema düzenini etkisiz kılmamız gerekiyor.
1 2 3 | <style name="Base.Theme.ZeminOrnekleri" parent="Theme.AppCompat.DayNight.NoActionBar"> |
Bu değişiklik, Base.Theme.ProjeAdı temasının ebeveynini Theme.Material3.DayNight.NoActionBar yerine Theme.AppCompat.DayNight.NoActionBar olarak değiştirir. Bu sayede, Material3 tasarım sisteminden ziyade AppCompat tasarım sisteminin renk paletini ve diğer özelliklerini kullanacaktır.
Adım 5: Projenizdeki activity_main.xml dosyasını açın. Bu dosya, uygulamanızın ana düzenini tanımlar.
Adım 6: Buton eklemek için Palette bölümünden “Button” öğesini sürükleyip bırakın. Ayrıca yukarıdaki adımları izleyerek oluşturduğumuz renk dosyasını da butonun arkaplan rengi olarak ayarlıyoruz.
1 2 3 4 5 6 7 8 9 10 11 12 | <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_background" android:text="Button" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> |
android:background="@drawable/button_background": Bu özellik, butonun arka planını belirler. @drawable/button_background ifadesi, drawable klasöründe bulunan button_background.xml adlı bir dosyaya referans verir. Bu dosya, butonun arka planını belirlemek için kullanılan şekil ve rengi tanımlar. Bu dosya sayesinde, butonun arka plan rengini kolayca değiştirebilir ve uygulamanızın görünümünü kişiselleştirebilirsiniz.
Artık butonun arka plan rengi, button_background.xml dosyasında tanımladığınız renk değerine göre ayarlanacaktır.
Bu kadar basit! Android Studio’da buton arka plan rengini değiştirmek için XML kullanmak, temiz ve etkili bir yöntemdir. İhtiyacınıza göre renk değerini değiştirerek, uygulamanızın görünümünü istediğiniz gibi özelleştirebilirsiniz.
Yorum Yap