Jetpack Compose, Android kullanıcı arayüzü oluşturmak için kullanılan modern bir araç setidir. Bu araç seti, her ekran boyutuna uyum sağlayan uygulamaların geliştirilmesini kolaylaştırır.
- Genel bakış: Compose geliştiricilerinin kullanabileceği kaynakları inceleyin.
- Eğitim: Temel bir kullanıcı arayüzü oluşturarak Compose'u kullanmaya başlayın.
- Hızlı Kılavuzlar: Hedefinize olabildiğince hızlı ulaşmanızı sağlamak için tasarlanmış, hızlı ve odaklanmış kılavuzlarımızı deneyin.
Vakıf
- Compose'da düşünme: Compose'un bildirimsel yaklaşımı, geçmişte kullanmış olabileceğiniz görünüme dayalı yaklaşımdan nasıl farklıdır? Compose ile çalışmaya yönelik bir zihinsel model oluşturun.
- Durumu yönetme: Compose uygulamanızda durumu ayarlama ve kullanma.
- Composable'ların yaşam döngüsü: Composable'ların yaşam döngüsü ve Compose'un yeniden çizilmesi gerekip gerekmediğini nasıl belirlediği.
- Değiştiriciler: Composables'ınızı artırmak veya süslemek için değiştiricileri kullanın.
- Compose'daki yan etkiler: Yan etkileri yönetme yöntemleri.
- Jetpack Compose Aşamaları: Compose'un uygulamanızın kullanıcı arayüzünü oluşturmak için geçtiği adımlar ve bu bilgileri kullanarak nasıl verimli kod yazacağınız.
- Mimari katmanlandırma: Jetpack Compose'u oluşturan mimari katmanlar ve Compose'un tasarımına yön veren temel ilkeler.
- Performans: Uygulama performansını düşürebilecek yaygın programlama hatalarından kaçının.
- Compose'daki Semantikler: Kullanıcı arayüzünüzü erişilebilirlik hizmetleri ve test çerçeveleri tarafından kullanılabilecek şekilde düzenleyen semantik ağacı.
- CompositionLocal ile yerel kapsamlı veriler: Verileri kompozisyondan geçirmek için
CompositionLocalkullanın.
Uyarlanabilir kullanıcı arayüzü
- Uyarlanabilir uygulamalar oluşturun: Telefonlar, tabletler ve katlanabilir cihazlar da dahil olmak üzere tüm ekran boyutları için optimize edilmiş düzenler oluşturmanın temel ilkelerini öğrenin.
- Kanıtlanmış düzenleri uygulayın: Büyük ekranlarda optimize edilmiş uygulamalar için liste-ayrıntı ve destek bölmesi gibi standart düzenleri kullanın.
- Uyarlanabilir gezinme: Mevcut ekran alanına otomatik olarak uyum sağlayan gezinme kalıpları uygulayın.
Geliştirme ortamı
- Compose ile Android Studio: Compose'u kullanmak için geliştirme ortamınızı nasıl ayarlayacağınızı öğrenin.
- Compose için araçlar: Android Studio'nun Compose'u destekleyen yeni özellikleri.
- Compose için Kotlin: Kotlin'e özgü deyimler Compose ile çalışır.
- Compose'u karşılaştırma ve metrikleri görüntüleme: Compose'a geçişin uygulamanızın APK boyutunu ve çalışma zamanı performansını nasıl etkileyebileceği.
- Malzeme Listesi: Yalnızca BOM'un sürümünü belirterek tüm Compose bağımlılıklarınızı yönetin.
Tasarım
- Düzenler: Düzen bileşenlerini oluşturma ve kendi düzeninizi tasarlama.
- Düzenin temelleri: Basit bir uygulama kullanıcı arayüzünün yapı taşları.
- Material bileşenleri ve düzenleri: Compose'daki Material bileşenleri ve düzenleri.
- Özel düzenler: Uygulamanızın düzenini kontrol edin ve kendi özel düzeninizi tasarlayın.
- Hizalama çizgileri: Kullanıcı arayüzü öğelerinizi hassas bir şekilde hizalamak ve konumlandırmak için özel hizalama kılavuzları oluşturun.
- Doğal ölçümler: Compose, kullanıcı arayüzü öğelerini geçiş başına yalnızca bir kez ölçtüğünden, alt öğelerle ilgili bilgileri ölçmeden önce nasıl sorgulayabilirsiniz?
- ConstraintLayout: Compose kullanıcı arayüzünüzde
ConstraintLayoutkullanın.
- Tasarım sistemleri: Tasarım sistemi uygulayarak uygulamanıza tutarlı bir görünüm ve tarz kazandırın.
- Material Design 3: Material Design 3'ün Compose uygulamasıyla Material You'yu uygulayın.
- Material 2'den Material 3'e geçiş: Uygulamanızı Compose'da Material Design 2'den Material Design 3'e taşıyın.
- Material Design 2: Ürününüzün markasına uyacak şekilde Material Design 2'nin Compose uygulamasını özelleştirin.
- Özel tasarım sistemleri: Compose'da özel bir tasarım sistemi uygulayın ve mevcut Material Design composable'larını yeni tasarım sistemine uyarlayın.
- Temanın yapısı:
MaterialThemeve özel tasarım sistemleri tarafından kullanılan alt düzey yapılar ve API'ler.
- Listeler ve ızgaralar: Veri listelerini ve ızgaralarını yönetme ve görüntüleme seçenekleri oluşturun.
- Metin: Metni görüntüleme ve düzenleme için Oluştur'daki ana seçenekler.
- Grafikler: Özel grafikler oluşturmak ve bu grafiklerle çalışmak için Compose özelliklerini kullanın.
- Animasyon: Kullanıcı arayüzü öğelerinize animasyon ekleme seçeneklerini oluşturun.
- Hareketler: Kullanıcı hareketlerini algılayan ve bunlarla etkileşime giren bir Compose kullanıcı arayüzü oluşturun.
- Kullanıcı etkileşimlerini işleme: Compose'un düşük seviyeli girişi nasıl daha yüksek seviyeli etkileşimlere dönüştürdüğü. Böylece, bileşenlerinizin kullanıcı işlemlerine nasıl yanıt vereceğini özelleştirebilirsiniz.
Compose'u kullanmaya başlama
- Görünüm tabanlı uygulamaları taşıma: Görünüm tabanlı uygulamanızı Compose'a taşıyın.
- Taşıma stratejisi: Compose'u kod tabanınıza güvenli ve kademeli olarak nasıl dahil edebilirsiniz?
- Birlikte çalışabilirlik API'leri: Compose'u görünüm tabanlı bir kullanıcı arayüzüyle birleştirmenize yardımcı olacak Compose API'leri.
- Diğer önemli noktalar: Görünüme dayalı uygulamanızı Compose'a taşırken temalandırma, mimari, test ve diğer önemli noktalar.
- Compose ve diğer kitaplıklar: Görünüme dayalı kitaplıkları Compose içeriğinizde kullanma.
- Compose mimarisi: Compose'da tek yönlü akış düzenini uygulayın, etkinlikleri ve durum tutucuları uygulayın ve Compose'da
ViewModelile çalışın. - Gezinme:
NavControllerkullanarak Navigation bileşenini Compose kullanıcı arayüzünüze entegre edin. - Kaynaklar: Compose kodunuzda uygulamanızın kaynaklarıyla çalışın.
- Erişilebilirlik: Erişilebilirlik gereksinimleri olan kullanıcılara uygun hale getirin.
- Test etme: Compose kodunuzu test edin.
- Testlerle ilgili bilgi sayfası: Faydalı Compose test API'lerinin hızlı referansı.
Ek kaynaklar
- Kurulum
- Seçilmiş öğrenme rotası
- Compose API kuralları
- API referansı
- Codelabs
- Örnek uygulamalar
- Videolar
Sizin için önerilenler
- Not: Bağlantı metni, JavaScript kapalıyken gösterilir.
- CompositionLocal ile yerel kapsamlı veriler
- Dikkat edilmesi gereken diğer noktalar
- Compose'daki bir temanın anatomisi