Ellerine sağlık Hocam

Kralsın. anca gidersin...

Bu dersimizde Android'in kendisine ait olan Toast mesaj kısmını zelleştirerek daha estetik mesaj bildrimleri yapalım. Boş bir Android projesi açalım. Proje Oluşturma Adım 1 Proje Oluşturma Adım 2 Proje Oluşturma Adım 3 Projemiz oluştu. Boş proje yapısının ekran grüntüsünü paylaşalım. Boş Proje Yapısı Boş bir proje için ayarlamaları yaptıktan sonra Android'in klasik Toast mesajını bir grselle sizlere nasıl olduğunu sunalım. Android Klasik Toast Mesaj Şimdi ise bizim tasarlayacağımız Toast mesajlara bakalım. rnek 1 rnek 2 rnek 3 rnek 4 Tasarım ğelerinin Konumuna Bakalım colors. xml Ayarları Tasarımdaki kırmızı, mavi, turuncu ve yeşil renklere gre colors. xml dosyasında ayarlamalar yapalım. colors. xml Betikleri <?xml version="1.0" encoding="utf-8"?> <resources> <color name="toast_mavi">#3699ff</color> <color name="toast_kirmizi">#f64e60</color> <color name="toast_yesil">#768E44</color> <color name="toast_turuncu">#ffa800</color> <color name="toast_gri">#F5F5F5</color> <color name="toast_beyaz">#FFFFFF</color> </resources> colors. xml Betikleri Grünüm dimens. xml Ayarları Diğer tanımlamaları yapalım . dimens. xml Betikleri <resources> <dimen name="mt1dp">1dp</dimen> <dimen name="p10dp">10dp</dimen> <dimen name="p5dp">5dp</dimen> <dimen name="ts20sp">20sp</dimen> </resources> dimens. xml Betikleri Grünüm drawable Klasründeki Tasarımları Yapalım Şimdi ise drawable klasründeki arayüzleri tasarlamaya geldi. Tasarımımız kırmızı, mavi, turuncu ve yeşil tonlamasına gre olacak. O renklere gre uyarı ikonları ve kenarlıkların xml biçimlerini yapalım. drawable Klasründeki Tasarımlar Uyarı İkonlarının Tasarımlarını Yapalım https://www.ontedi.com/icerik-dosyalar/233/ikon_toast_uyari_kirmizi_24dp. rar ikon_toast_uyari_kirmizi_24dp. xml Grünümü https://www.ontedi.com/icerik-dosyalar/233/ikon_toast_uyari_mavi_24dp. rar ikon_toast_uyari_mavi_24dp. xml Grünümü https://www.ontedi.com/icerik-dosyalar/233/ikon_toast_uyari_turuncu_24dp. rar ikon_toast_uyari_turuncu_24dp. xml Grünümü https://www.ontedi.com/icerik-dosyalar/233/ikon_toast_uyari_yesil_24dp. rar ikon_toast_uyari_yesil_24dp. xml Grünümü Uyarı Sol Kenarlık Tasarımlarını Yapalım İkonların tasarımları tamamlandı. Şimdi ise Toast üzerindeki sol taraftaki renkli kenarların xml dosyalarını paylaşalım. https://www.ontedi.com/icerik-dosyalar/233/sol_kenarlik_kirmizi. rar https://www.ontedi.com/icerik-dosyalar/233/sol_kenarlik_mavi. rar https://www.ontedi.com/icerik-dosyalar/233/sol_kenarlik_turuncu. rar https://www.ontedi.com/icerik-dosyalar/233/sol_kenarlik_yesil. rar Toast'ın Taslağını Oluşturalım layout klasründe bulunan toast_layout. xml dosyasının başlık, mesaj, ikon ve kenarlık ğelerini tasarlayalım. toast_layout. xml Grünümü toast_layout. xml Betikleri <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="@dimen/p10dp" android:background="@drawable/sol_kenarlik_kirmizi" android:orientation="vertical" android:id="@+id/llKapsul" android:elevation="40dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="horizontal"> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:padding="@dimen/p5dp"> <ImageView android:id="@+id/ivIkon" android:layout_width="wrap_content" android:layout_height="match_parent" android:src="@drawable/ikon_toast_uyari_kirmizi_24dp" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/tvBaslik" android:textColor="@color/toast_kirmizi" android:padding="5dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Mesaj Başlığı" android:textSize="@dimen/ts20sp" /> <TextView android:id="@+id/tvIcerik" android:textColor="@color/toast_kirmizi" android:padding="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Mesaj içeriği burada çıkacak" android:gravity="center_vertical" android:layout_marginTop="@dimen/mt1dp" /> </LinearLayout> </LinearLayout> </LinearLayout> Kodlama Kısmını Yapalım public void fnToast { LayoutInflater liArayuz = context. getSystemService ; View viewGoruntu = liArayuz. inflate ; LinearLayout llKapsul = viewGoruntu. findViewById ; ImageView ivIkon = viewGoruntu. findViewById ; TextView tvBaslik = viewGoruntu. findViewById ; tvBaslik. setText ; TextView tvIcerik = viewGoruntu. findViewById ; tvIcerik. setText ; if (intTip 1) else if (intTip 2) // Mavi else if (intTip 3) // Turuncu else if (intTip 4) // Yeşil Toast toast = new Toast ; toast. setView ; toast. setDuration ; toast. setGravity(Gravity. CENTER | Gravity. CENTER_HORIZONTAL, 0, 0); toast. show ; } Şimdi birkaç tane rnek yaparak nasıl kullanılacağına dair fikir edinmeye çalışalım. Toast rnek 1 fnToast(getApplicationContext , 1, "Dikkat", "Lütfen isim belirtiniz"); Toast rnek 1 Sonuç Toast rnek 2 fnToast(getApplicationContext , 2, "Merhaba", "Serkan Nasılsın"); Toast rnek 2 Sonuç Kaynak: https://www.ontedi.com/android/androidde-java-ile-custom-toast-yapimi ontedi tarafından 08/Oca/21 12:56 tarihinde düzenlenmiştir Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.