android

Android Jetpack Compose – Staggered Grid Tipli Listeleme

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Klasik Android RecyclerView görüntülerinden olan StaggeredGridView ile Pinterest gibi uygulamalarda içerik boyutuna göre gridin yüksekliğinin değişebildiğini görmüşsünüzdür. Yüklenen resimin yüksekliği ne ise, satır yüksekliği o içerik kadar oluyor. Bunu dilerseniz hazır bir kütüphane ile hızlıca nasıl yapabileceğinizi öğrenmek istiyorsanız, şu kütüphaneye göz atın derim; LazyStaggeredGrid Siz de benim gibi tamamen kendiniz anlayarak yazma taraftarıysanız doğru …

Android Jetpack Compose – Staggered Grid Tipli Listeleme Devamı »

Android Jetpack Compose – Coil Compose Kullanımı

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Bu makalemizin konusu Jetpack Compose üzerinde resimleri internet üzerinden çekip, Image nesnesi üzerinde nasıl gösterebileceğimiz ile alakalıdır. Accompanist Glide ve Accompanist Coil kütüphanelerinin deprecated olması ile birlikte Accompanist yeni kullanıcıları https://coil-kt.github.io/coil/compose/ adresindeki kütüphaneye yönlendiriyor. Peki nedir bu Coil library ? Android için Kotlin Coroutines tarafından desteklenen bir görüntü yükleme kütüphanesi. Coil: Hızlıdır: Coil bellek ve …

Android Jetpack Compose – Coil Compose Kullanımı Devamı »

Android Jetpack Compose – Pagination kullanımı

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Paginator adlı Interface’i üretelim ve içerisine; loadNextItems yeni verilerin çekilmesi, reset ise sayfalandırmanın resetlenmesi için kullanılacak. ListItem adında data class üretelim ve fieldlarını tanımlayalım; Repository adında bir sınıf oluşturalım. Bu sınıfın içerisine verilerin yüklenmesi için remoteDataSource metodu üretelim. Verilerin listelenebilmesi adın getItems adlı bir metot üretelim. Burada delay(2000L) ile 2 saniye beklemesini sağlıyoruz. Bu metot …

Android Jetpack Compose – Pagination kullanımı Devamı »

Android Jetpack Compose – Circular Image kullanımı

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Çalışmada kullandığım görsel; Image nesnesinin Modifier clip özelliği sayesinde resmin yuvarlak olmasını sağlayabiliriz. ContentScale içerisindeki Crop en orta noktadan itibaren belirtilen içeriği kesip gösterecektir. ContentScale.FillWidth ile ContentScale.Fit tüm içerik en ve boyunu içerir. ContentScale.FillBounds ekrana eni basık şekilde, ContentScale.FillHeight boyu basık şekilde yayar yayar.

Android Jetpack Compose – Accompanist : TabPager kullanımı

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Klasik Android XML yapısındaki ViewPager nesnesine Jetpack Compose’da Pager adıyla benzer yapıya sahibiz. Pager Horizontal ve Vertical olmak suretiyle iki farklı şekilde tercih edilebiliyor. Yine klasik Android XML yapısında TabLayout olarak kullandığımız nesneyi, TabRow ve Tab adlarında Compose yapısı içerisinde görüyoruz. Çıktı: Şimdi bu nesneleri nasıl kullanabiliriz bu konuya değinelim. Projemize pager kütüphanesini dahil ederek …

Android Jetpack Compose – Accompanist : TabPager kullanımı Devamı »

Android Jetpack Compose – Collapsing Toolbar

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Çıktı: Collapse İşlemi gerçekleştirebilmemiz için öncelikle tüm sayfa içeriğini bir kapsayıcı içerisine eklememiz gerekmektedir. Bu nedenle ben Column nesnesi oluşturup içerisine LazyColumn oluşturacağım. LazyColumn liste verilerini listelemek için kullanılacak olup, en üstte resim göstermek ve resmin altında liste elemanlarını satır satır listelemek için; İlk elemana item, liste elemanları için ise items scope’u içerisine değerleri ekleyeceğim. …

Android Jetpack Compose – Collapsing Toolbar Devamı »

Swipe Reflesh

Android Jetpack Compose – Accompanist : SwipeRefresh

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Compose üzerinde ürettiğiniz ve listelediğiniz Liste elemanlarının güncellenmesi durumunda listeyi yenilemek için klasik android yapılarına karşılık gelen SwipeRefreshLayout nesnesinin Jetpack Compose Google Accompanist’de bulunan SwipeRefresh paketinin kullanımıyla ilgili bir örnek çalışma yapalım. Çıktı: Kütüphaneyi projemize dahil etmek için aşağıdaki kodları dahil edelim; Dizi adında bir veri sınıfı oluşturalım; Bir liste oluşturalım ve içerisine verilerimizi dahil …

Android Jetpack Compose – Accompanist : SwipeRefresh Devamı »

Android Jetpack Compose – Google Maps Kütüphanesi Kullanımı

Yorum bırakın / Kotlin Android, Yazılım / Yazan

Bu yazımızda Jetpack Compose projesine Google Maps‘i nasıl ekleyebileceğimize değineceğiz. Projemizin AndroidManifest.xml dosyası içerisinde <application tag’i içerisindeyken, Google Maps Console’dan alacağımız API KEY’i ilave edelim; Projemizin build.gradle dosyasında depentencies bloğunda kütüphanelerimizi tanımlayalım; Şimdi GoogleMap sınıfını kullanalım; Metodumuzu çağıralım;

Android Jetpack Compose – Accompanist : WebView

Yorum bırakın / Kotlin Android, Yazılım / Yazan

yukarıda bulunan implementation’ı depentencies bloğuna ekleyip google’ın accompanist webview nesnesini projenize dahil ediniz. Klasik WebView nesnesinden hiçbir farkı bulunmayan bu nesne, Compose yapısı üzerinde webview nesnesi kullanabilmenize olanak tanıyor. Compose üzerinde WebView nesnesi üretilmesi chromeClient; Herhangi bir linke tıkladığınızda, içeriğin aynı webview nesnesinde açılabilmesi imkanını sağlıyor. onCreate; WebView nesnesinin üretilmesi zamanında ayar, gidilecek link gibi …

Android Jetpack Compose – Accompanist : WebView Devamı »

Scroll to Top