Journey From XML to Compose

Transcript

1. Hello! Senior Android Developer @VNGRS I am here because I love share everything I know. You can find me at @ozcandroid 1 I am Halil ÖZCAN
2. Journey From XML to Jetpack Compose
3. Declarative vs Imperative Paradigm Composition & Recomposition Migration & Interoperability Custom Samples 3 You Have To Learn What?
4. 4 Declarative vs Imperative Paradigm
5. Bir şeyin ne yapacağından değil nasıl yapılacağıyla ilgilenir. (XML tabanlı tasarımlar). Tasarımlarımızı yaparız ve daha sonra interaction tarafında (Activity, Fragment, View) kullanıcıların bunları görmesini ve etkileşime geçmesini bekleriz. “Nasıl görüneceğini belirt” 5 Imperative Paradigm
6. Bir şeyin nasıl yapılacağıyla değil ne yapacağıyla ilgilenir. Ui gelen dataya göre kendisini render eder. “Ne görüneceğini belirt” 6 Declarative Paradigm
7. Real World Example İlk önce fırını açıp 180° ısıtın. Daha sonra büyük bir şeker kaseye un, şeker, kakao tuzu, kabartma tozu ve tuzu ekleyin, ardından karışımı karıştırın. Daha sonra karışıma süt, yağ, yumurta ve vanilya ekleyin ve iyice karışana kadar karıştırın. Kek hamurunu geniş bir kek kalıbına eşit şekilde dağıtın, ardından 30 dakika kadar pişirin. Keki fırından çıkarın ve 10 dakika soğumaya bırakın. Daha sonra keki kalıbından ters çevirme yöntemiyle çıkarın ve çikolatalı krema ile eşit şekilde doldurun. Fırını 180° ısıtın. Kuru malzemelerin karıştırılması lazım. Kuru malzemeler karıştırıldıktan sonra, karışıma ıslak malzemeleri eklemeniz ve karıştırmanız gerekli. Fırın ve hamur hazır olduğunda, hamuru bir kaba koyup 30 dakika pişirin. Piştikten sonra tavayı fırından çıkarmanız ve 10 dakika soğumaya bırakmanız gerekli. Son olarak keki kalıptan çıkartıp buzlamanız gerekli.
10. 10 Composition And Recomposition
11. Composable fonksiyonlar kendisine gelen state state değişirse veya içerisindeki state değişirse recomposition da var olurlar. Composable fonksiyonlar olabildiğince stateless bırakılmalıdır ve eventler callback ler aracılığıyla bir üst katmana taşınmalıdır. Composable ın sadece kendisini ilgilendiren bir state varsa remember edilerek stateOf veya mutableStateOf olarak tutulabilir. Kendi state i her değiştiğinde recomposition olacağından kullanımına dikkat edilmelidir. 11 Recomposition
15. key Composable’ı sayesinde aynı olan MovieOverView composable ların recomposition a girmesi engellenir.
16. key Composable’ı sayesinde aynı olan MovieOverView composable ların recomposition a girmesi engellenir.
17. Composable fonksiyonlar sıralı olarak çağırılsa bile sıralı olarak çalışacaklarının garantisi yoktur! Execution Order of Composable Functions
18. Composable fonksiyonlar sıralı olarak çağırılsa bile sıralı olarak çalışacaklarının garantisi yoktur! Execution Order of Composable Functions
19. 19 Migration & Interoperability
20. XML içerisine Composable View Entegrasyonu
21. XML içerisine Composable View Entegrasyonu
22. Fragment içerisinde Composable Lifecycle Belirleme
23. ComposeView lar direkt View olarak kullanılabilir
24. Bir ViewGroup içerisine ComposeView Eklenmesi
25. Composable içerisine AndroidView eklenmesi
26. ViewBinding ile Composable Entegrasyonu
27. Android Component larına Erişim (e.g. Context, Toast Message)
28. CustomView içerisine Composable Entegrasyonu
29. Android View Sistemi için Composable Component Oluşturma
30. Android View Sistemi içinde Composable Component Kullanımı
31. 31 Custom Samples
32. Compose Image Transformation
33. Compose Gesture Transformation
34. Compose View Gesture Transformation
35. Thanks! Any questions? You can find me at @ozcandroid & mail@halilozcan.com 35