Jetpack Compose, Android kullanıcı arayüzü oluşturmak için kullanılan modern bir araç setidir. Her görüntü 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'da Anlamsal Yapı: Kullanıcı arayüzünüzü erişilebilirlik hizmetleri ve test çerçeveleri tarafından kullanılabilecek şekilde düzenleyen anlamsal yapı 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 her görüntü boyutu 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ı düzeni 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.
- Temel düzen: 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.
- Materyal Tasarım 3: Materyal Tasarım 3'ün Compose uygulamasıyla Material You'yu uygulayın.
- Materyal 2'den Materyal 3'e geçiş: Uygulamanızı Compose'da Materyal Tasarım 2'den Materyal Tasarım 3'e geçirin.
- Materyal Tasarım 2: Ürününüzün markasına uyacak şekilde Materyal Tasarım 2'nin Compose uygulamasını özelleştirin.
- Özel tasarım sistemleri: Compose'da özel bir tasarım sistemi uygulayın ve mevcut Materyal Tasarım 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ülemek ve düzenlemek için Oluştur'daki ana seçenekler.
- Grafikler: Özel grafikler oluşturmak ve bu grafiklerle çalışmak için Compose özellikleri.
- Animasyon: Kullanıcı arayüzü öğelerinize animasyon eklemeye yönelik Compose seçenekleri.
- Hareketler: Kullanıcı hareketlerini algılayan ve bunlarla etkileşim kuran bir Compose kullanıcı arayüzü oluşturun.
- Kullanıcı etkileşimlerini işleme: Compose, düşük düzeydeki girişleri nasıl daha yüksek düzeydeki etkileşimlere dönüştürür? 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 API'ler oluşturun.
- 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 Gezinme 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: JavaScript kapalıyken bağlantı metni gösterilir.
- CompositionLocal ile yerel kapsamlı veriler
- Dikkat edilmesi gereken diğer noktalar
- Compose'daki bir temanın anatomisi