Serinin son yazısından merhabalar 🖖🏽
Bir önceki yazıda kullanıcı resmi, kullanıcı ismi ve kullanıcının işini gösteren bir tasarım oluşturmuştuk.
Bir önceki yazıda yazdığımız tasarımı kullanarak bir liste oluşturacağız ve listenin elemanına tıklama durumunu kontrol edeceğiz.
Yazının bitiminde aşağıdaki gibi bir sonuç elde edeceğiz.
Hazırsak başlayalım.
Öncelikle parametre olarak kullanıcı listesini alan UserList adında bir composable fonksiyon oluşturalım.
UI da liste görünümü oluşturmak için Composable da kullanabileceğimiz iki seçenek var bunlar; LazyRow yada LazyColumn
- LazyRow: Listeyi Yatay olarak sıralamak için kullanılır.
- LazyColumn: Listeyi Dikey olarak sıralamak için kullanılır.
LazyColumn’un bir items child’a sahip olduğunu görüyoruz. Bu items parametre olarak içine bir liste alır ve kullanıcı örneği olan, users olarak adlandırdığımız (istediğimiz gibi adlandırabilirdik bu tamamen bize bağlı) User modelinden oluşan parametreyi alır. Kısacası, user lambda, liste içindeki her element için çağrılır.
Evet şimdi listemizi nasıl oluşturabildiğimizi gördük. Ama elimizde gösterebileceğimiz hazır bir liste yok. Hadi bir liste oluşturup nasıl bir tasarım oluşturduğumuzu görmek için bir PreviewUserList adında fonksiyon oluşturalım ve UserList fonksiyonumuzu orada çağıralım.
Elimizde aşağıdaki gibi bir liste var.
Şimdi listenin iş açıklaması textini tek satır gösterip tıklandığında textin tamamını görmek için UserCard Item’ını aşağıdaki gibi güncelleyelim.
En başta belirttiğimiz gibi istediğimiz sonuca vardık 🎉
Jetpack Compose serimizin sonununcu yazısını ta tamamladık umarım jecfaydalı bir seri olmuştur. Tasarım uçsuz bucaksız deniz keşfetmeniz dileği ile ✌🏼
Ben biraz daha incelemek istiyorum diyorsanız Android Developers sayfaları kaynağıdır. Link👇🏽
