Jetpack Compose Alfa Sürümü Yayında!


Görsel referansı


Jetpack Compose alfa sürümünün duyurusu birçok geliştirici tarafından bekleniyordu. 26 Ağustos itibariyle alfa sürümü yayınlandı. Jetpack Compose temelde hızlı bir şekilde UI oluşturmanızı amaçlıyor.


Jetpack Compose Alpha güçlü araçları ve mevcut Android görünümleriyle birlikte çalışabilirlik dahil olmak üzere Android uygulamaları oluşturmak için ihtiyacınız olan her şeye sahip. Mevcut uygulamanızı Compose'a geçiş için yeniden yazmanıza da gerek yok.


Compose API'leri Material Design ile birlikte geliştirilmiştir. En son sürümü doğrudan Android Studio'da içe aktarabilir ve keşfedebilirsiniz.



Görsel referansı


Alfa sürümü içeriği;

  • Animations

  • Constraint Layout

  • Initial A11Y support

  • Input and Gestures

  • Interoperability with Views (start mixing Composable functions in your existing app)

  • Lazy Lists

  • Material UI components

  • Performance optimizations

  • Testing

  • Text and editable Text

  • Theming and Graphics

  • Window management

Ayrıca Compose ile uygulama geliştirme verimliliğinin arttırılması için JetBrains Kotlin ekibiyle yakın işbirliğiyle Android Studio Canary'ye bir dizi yeni özellik eklendi;

  • Compose Code completion

  • Compose Preview Annotations

  • Deploy individual composables to any device

  • Interactive Compose previews

  • Kotlin compiler plugin for code generation

  • Sample Data API for Compose


Compose'da Dizayn Oluşturma


Compose, Android'de mevcut kullanıcı arayüzü oluşturma modelinden oldukça farklı bir programlama modeli kullanıyor. Tarihsel olarak bir Android view hiyerarşisi, bir UI widget ağacı olarak temsil edilmiştir. Uygulamanın durumu değiştikçe, mevcut verileri görüntülemek için UI hiyerarşisinin güncellenmesi gerekmektedir. Kullanıcı arayüzünü güncellemenin en yaygın yolu, widget ağacında findViewById() gibi işlevleri kullanarak gezinmek ve aşağıdaki gibi düğümleri değiştirmektir.


button.setText(String)
container.addView(View)
img.setImageBitmap(Bitmap)

Bu yöntemler widget ağacının dahili durumunu değiştirir. Bu sadece sıkıcı değildi, aynı zamanda görünümleri manuel olarak güncellemek hata olasılığını arttırıyordu (Örneğin bir görünümü güncellemeyi unutmak gibi). Jetpack Compose tamamen bildirim temelli ve bileşen tabanlı bir yaklaşımdır, yani arayüzü ve verileri bir UI hiyerarşisine dönüştüren işlevler olarak tanımlarsınız. Temel veriler değiştiğinde, Compose sizin için kullanıcı arayüzü hiyerarşisini otomatik olarak güncelleyerek kullanıcı arayüzlerini kolay ve hızlı bir şekilde oluşturmanızı kolaylaştırır


Mevcut Android View'ler ile Birlikte Çalışma


Herhangi bir framework kullanmak mevcut projeler için büyük bir değişikliktir, bu nedenle Compose, Kotlin kadar kolay benimsenecek bir şekilde tasarlanmıştır. Ek olarak mevcut Android koduyla birlikte çalışabilir. Yeni bir uygulama oluşturuyorsanız, en iyi seçenek tüm kullanıcı arayüzünü Compose ile geliştirmek olabilir. Çoğu proje büyük code base'lere sahiptir, bu nedenle mevcut uygulamanızı yeniden yazmak yerine yeni katmanları Compose kullanarak birleştirebilirsiniz.





Güçlü Araçlar


Görsel referansı


Jetpack Compose, Android Studio'da güçlü araçlarla oluşturulmuştur ve üzerinde çalıştığınız kullanıcı arayüzünde hızlı bir şekilde yineleme yapmanıza yardımcı olmak için tasarlanmıştır.


Compose layout preview bir cihaza yüklenemize gerek kalmadan görünümü önizlemenize imkan verir. Uygulama geliştirirken, daha hızlı gözden geçirmenize yardımcı olmak için önizlemeleriniz güncellenir. Bu noktada önizlemeyi kullanmak için @Preview annotation'ını kullanabilirsiniz.


Görsel referansı


Android Studio etkileşimli bir önizleme sağlar. Böylece etkileşimli önizleme modundayken UI öğelerinize tıklayabilir veya yazabilirsiniz. UI uygulamadaymış gibi yanıt verir.


Compose hakkında detaylı bilgi için geliştirici sayfasını inceleyebilirsiniz.


#android #jetpack #compose #androidstudio

Komünite

Platform

Mobiler.dev Anasayfa
  • Twitter
  • Instagram
  • development_düzenlendi_düzenlendi
  • Youtube
  • slack-icon-black_edited_edited_edited
  • Gri LinkedIn Simge
imageedit_2_9667998092.png
JetBrains Hakkında Detaylı Bilgi Alın

© 2020 by mobiler.dev

Kurumsal Yazar Hesapları

adesso.png
mobilerdevLogo.jpg
Yazarlık Başvurusu Hakkında Bilgi Alın, Başvuru Yapın.
Topluluk Yazarlarını Tanıyın