Jetpack Compose'u kullanmaya başlama
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Jetpack Compose, yerel Android kullanıcı arayüzü oluşturmak için kullanılan modern bir araç setidir. Oluşturma özelliğini kullanmayla ilgili en son bilgileri burada bulabilirsiniz.
- Genel bakış: Compose geliştiricilerinin kullanabileceği tüm kaynakları görün.
- Eğitim: Basit bir kullanıcı arayüzü oluşturmak için Compose'u kullanarak kullanmaya başlayın.
- Hızlı Kılavuzlar: Yeni! Hedefinize olabildiğince hızlı ulaşmanızı sağlamak için tasarlanan hızlı ve odaklanmış rehberlerimizi deneyin.
Vakıf
- Compose'da düşünme: Compose'un bildirim temelli yaklaşımının, geçmişte kullanmış olabileceğiniz görünüm temelli yaklaşımdan nasıl farklı olduğunu ve Compose ile çalışmaya yönelik bir zihinsel model oluşturmayı öğrenin.
- Durumu yönetme: Compose uygulamanızda durumu ayarlama ve kullanma hakkında bilgi edinin.
- Composable'ların yaşam döngüsü: Composable'ların yaşam döngüsü ve Compose'un yeniden çizilmesi gerekip gerekmediğine nasıl karar verdiği hakkında bilgi edinin.
- Değiştiriciler: Değiştiricileri kullanarak composable'larınızı nasıl artıracağınızı veya süsleyeceğinizi öğrenin.
- Compose'daki yan etkiler: Yan etkileri yönetmenin en iyi yollarını öğrenin.
- Jetpack Compose Aşamaları: Compose'un kullanıcı arayüzünüzü oluşturmak için geçtiği adımlar ve bu bilgileri kullanarak nasıl verimli kod yazacağınız hakkında bilgi edinin.
- Mimari katmanlandırma: Jetpack Compose'u oluşturan mimari katmanlar ve tasarımına yön veren temel ilkeler hakkında bilgi edinin.
- Performans: Uygulamanızın performansını olumsuz etkileyebilecek yaygın programlama hatalarından nasıl kaçınacağınızı öğrenin.
- Compose'da Semantik: Kullanıcı arayüzünüzü erişilebilirlik hizmetleri ve test çerçevesi tarafından kullanılabilecek şekilde düzenleyen Semantik ağacı hakkında bilgi edinin.
- CompositionLocal ile yerel kapsamlı veriler: Verileri Composition üzerinden iletmek için
CompositionLocal
'ı nasıl kullanacağınızı öğrenin.
Geliştirme ortamı
Tasarım
- Düzenler: Compose'un yerel düzen bileşenleri ve kendi düzeninizi nasıl tasarlayacağınız hakkında bilgi edinin.
- Temel düzen: Basit bir uygulama kullanıcı arayüzü için yapı taşları hakkında bilgi edinin.
- Materyal bileşenleri ve düzenleri: Compose'daki Materyal bileşenleri ve düzenleri hakkında bilgi edinin.
- Özel düzenler: Uygulamanızın düzenini nasıl kontrol edeceğinizi ve kendi özel düzeninizi nasıl tasarlayacağınızı öğrenin.
- Farklı ekran boyutlarını destekleme: Farklı ekran boyutlarına, yönlere ve form faktörlerine uyum sağlayan düzenler oluşturmak için Compose'u nasıl kullanacağınızı öğrenin.
- Hizalama çizgileri: Kullanıcı arayüzü öğelerinizi hassas bir şekilde hizalamak ve konumlandırmak için özel hizalama çizgileri oluşturmayı öğrenin.
- Doğal ölçümler: Compose, kullanıcı arayüzü öğelerini yalnızca geçiş başına bir kez ölçmenize izin verdiğinden bu sayfada, alt öğelerle ilgili bilgileri ölçmeden önce nasıl sorgulayacağınız açıklanmaktadır.
- ConstraintLayout: Compose kullanıcı arayüzünüzde
ConstraintLayout
öğesini nasıl kullanacağınızı öğrenin.
- Tasarım sistemleri: Tasarım sistemini nasıl uygulayacağınızı ve uygulamanıza tutarlı bir görünüm ve tarz kazandıracağınızı öğrenin.
- Listeler ve tablolar: Compose'un veri listelerini ve tablolarını yönetme ve görüntüleme seçeneklerinden bazıları hakkında bilgi edinin.
- Metin: Compose'da metin görüntüleme ve düzenlemeyle ilgili temel seçenekler hakkında bilgi edinin.
- Grafikler: Compose'un özel grafikler oluşturma ve bu grafiklerle çalışma özelliklerini öğrenin.
- Animasyon: Compose'un kullanıcı arayüzü öğelerinize animasyon eklemek için sunduğu farklı seçenekler hakkında bilgi edinin.
- Hareketler: Kullanıcı hareketlerini algılayan ve bunlarla etkileşime giren bir Compose kullanıcı arayüzü oluşturmayı öğrenin.
- Kullanıcı etkileşimlerini işleme: Compose'un düşük düzeydeki girişleri nasıl daha yüksek düzeydeki etkileşimlere dönüştürdüğünü öğrenerek bileşenlerinizin kullanıcı işlemlerine nasıl yanıt vereceğini özelleştirebilirsiniz.
Compose'u kullanmaya başlama
- Mevcut View tabanlı uygulamaları taşıma: Mevcut View tabanlı uygulamanızı Compose'a nasıl taşıyacağınızı öğrenin.
- Taşıma stratejisi: Compose'u kod tabanınıza güvenli ve kademeli olarak dahil etme stratejisini öğrenin.
- Birlikte çalışabilirlik API'leri: Compose'u View tabanlı kullanıcı arayüzüyle birleştirmenize yardımcı olacak Compose API'leri hakkında bilgi edinin.
- Diğer önemli noktalar: View tabanlı uygulamanızı Compose'a taşırken temalandırma, mimari ve test gibi diğer önemli noktalar hakkında bilgi edinin.
- Compose ve diğer kitaplıklar: Görünüme dayalı kitaplıkları Compose içeriğinizde nasıl kullanacağınızı öğrenin.
- Compose mimarisi: Compose'da tek yönlü akış kalıbını, etkinlikleri ve durum tutucuları nasıl uygulayacağınızı ve Compose'da
ViewModel
ile nasıl çalışacağınızı öğrenin.
- Navigation: Navigation bileşenini Compose kullanıcı arayüzünüze entegre etmek için
NavController
öğesini nasıl kullanacağınızı öğrenin.
- Kaynaklar: Compose kodunuzda uygulamanızın kaynaklarıyla nasıl çalışacağınızı öğrenin.
- Erişilebilirlik: Compose kullanıcı arayüzünüzü farklı erişilebilirlik gereksinimleri olan kullanıcılar için nasıl uygun hale getireceğinizi öğrenin.
- Test etme: Compose kodunuzu test etme hakkında bilgi edinin.
Ek kaynaklar
Sizin için önerilenler
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-08-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-08-27 UTC."],[],[],null,["Jetpack Compose is the modern toolkit for building native Android UI. Here's\nwhere you'll find the latest information about using Compose.\n\n- [Overview](/develop/ui/compose): See all the resources available to Compose developers.\n- [Tutorial](/develop/ui/compose/tutorial): Get started with Compose, by using it to build a simple UI.\n- [Quick Guides](/quick-guides): **New!** Try out our fast and focused guides, designed to get you to your goal as quickly as possible.\n\nFoundation\n\n- [Thinking in Compose](/develop/ui/compose/mental-model): Learn how Compose's declarative approach is different from the view-based approach you may have used in the past, and how to build a mental model of working with Compose.\n- [Managing state](/develop/ui/compose/state): Learn about setting and using state in your Compose app.\n- [Lifecycle of composables](/develop/ui/compose/lifecycle): Learn about the lifecycle of a composable, and how Compose decides if it needs to be redrawn.\n- [Modifiers](/develop/ui/compose/modifiers): Learn how to use modifiers to augment or decorate your composables.\n- [Side-effects in Compose](/develop/ui/compose/side-effects): Learn the best ways to manage side-effects.\n- [Jetpack Compose Phases](/develop/ui/compose/phases): Learn about the steps Compose goes through to render your UI, and how to use that information to write efficient code\n- [Architectural layering](/develop/ui/compose/layering): Learn about the architectural layers that make up Jetpack Compose, and the core principles that informed its design.\n- [Performance](/develop/ui/compose/performance): Learn how to avoid the common programming pitfalls that can hurt your app's performance.\n- [Semantics in Compose](/develop/ui/compose/semantics): Learn about the Semantics tree, which organizes your UI in a way that can be used by accessibility services and the testing framework.\n- [Locally scoped data with CompositionLocal](/develop/ui/compose/compositionlocal): Learn how to use `CompositionLocal` to pass data through the Composition.\n\nDevelopment environment\n\n- [Android Studio with Compose](/develop/ui/compose/setup): Set up your development environment to use Compose.\n- [Tooling for Compose](/develop/ui/compose/tooling): Learn about Android Studio's new features to support Compose.\n- [Kotlin for Compose](/develop/ui/compose/kotlin): Learn how certain Kotlin-specific idioms work with Compose.\n- [Compare Compose and View metrics](/develop/ui/compose/migrate/compare-metrics): Learn how migrating to Compose can affect your app's APK size and runtime performance.\n- [Bill of Materials](/develop/ui/compose/bom): Manage all your Compose dependencies by specifying only the BOM's version.\n\nDesign\n\n- [Layouts](/develop/ui/compose/layouts): Learn about Compose's native layout components, and how to design your own.\n - [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n - [Material Components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n - [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n - [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different display sizes, orientations, and form factors.\n - [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n - [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Since Compose only allows you to measure UI elements once per pass, this page explains how to query for information about child elements before measuring them.\n - [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n- [Design Systems](/develop/ui/compose/designsystems): Learn how to implement a design system and give your app a consistent look and feel.\n - [Material Design 3](/develop/ui/compose/designsystems/material3): Learn how to implement Material You with Compose's implementation of [Material Design 3](https://m3.material.io/).\n - [Migrating from Material 2 to Material 3](/develop/ui/compose/designsystems/material2-material3): Learn how to migrate your app from Material Design 2 to Material Design 3 in Compose.\n - [Material Design 2](/develop/ui/compose/designsystems/material): Learn how to customize Compose's implementation of [Material Design 2](https://material.io/) to fit your product's brand.\n - [Custom design systems](/develop/ui/compose/designsystems/custom): Learn how to implement a custom design system in Compose, and how to adapt existing Material Design composables to handle this.\n - [Anatomy of a theme](/develop/ui/compose/designsystems/anatomy): Learn about the lower-level constructs and APIs used by `MaterialTheme` and custom design systems.\n- [Lists and grids](/develop/ui/compose/lists): Learn about some of Compose's options for managing and displaying lists and grids of data.\n- [Text](/develop/ui/compose/text): Learn about Compose's main options for displaying and editing text.\n- [Graphics](/develop/ui/compose/graphics): Learn about Compose's features for building and working with custom graphics.\n- [Animation](/develop/ui/compose/animation/introduction): Learn about Compose's different options for animating your UI elements.\n- [Gestures](/develop/ui/compose/touch-input/pointer-input): Learn how to build a Compose UI that detects and interacts with user gestures.\n- [Handling user interactions](/develop/ui/compose/touch-input/user-interactions/handling-interactions): Learn how Compose abstracts low-level input into higher-level interactions, so you can customize how your components respond to user actions.\n\nAdopting Compose\n\n- [Migrate existing View-based apps](/develop/ui/compose/migrate): Learn how to migrate your existing View-based app to Compose.\n - [Migration strategy](/develop/ui/compose/migrate/strategy): Learn the strategy to safely and incrementally introduce Compose into your codebase.\n - [Interoperability APIs](/develop/ui/compose/migrate/interoperability-apis): Learn about Compose's APIs to help you combine Compose with View-based UI.\n - [Other considerations](/develop/ui/compose/migrate/other-considerations): Learn about other considerations like theming, architecture, and testing while migrating your View-based app to Compose.\n- [Compose and other libraries](/develop/ui/compose/libraries): Learn how to use view-based libraries in your Compose content.\n- [Compose architecture](/develop/ui/compose/architecture): Learn how to implement the unidirectional flow pattern in Compose, how to implement events and state holders, and how to work with `ViewModel` in Compose.\n- [Navigation](/develop/ui/compose/navigation): Learn how to use `NavController` to integrate the Navigation component with your Compose UI.\n - [Navigation for responsive UIs](/guide/topics/large-screens/navigation-for-responsive-uis): Learn how to design your app's navigation so it adapts to different screen sizes, orientations, and form factors.\n- [Resources](/develop/ui/compose/resources): Learn how to work with your app's resources in your Compose code.\n- [Accessibility](/develop/ui/compose/accessibility): Learn how to make your Compose UI suitable for users with different accessibility requirements.\n- [Testing](/develop/ui/compose/testing): Learn about testing your Compose code.\n - [Testing cheat sheet](/develop/ui/compose/testing-cheatsheet): A quick reference of useful Compose testing APIs.\n\nAdditional resources\n\n- [Get setup](/develop/ui/compose/setup)\n- [Curated learning pathway](/courses/pathways/compose)\n- [Compose API guidelines](https://android.googlesource.com/platform/frameworks/support/+/androidx-main/compose/docs/compose-api-guidelines.md)\n- [API reference](/reference/kotlin/androidx/compose)\n- [Codelabs](https://goo.gle/compose-codelabs)\n- [Sample apps](https://github.com/android/compose-samples)\n- [Videos](https://www.youtube.com/user/androiddevelopers/search?query=%23jetpackcompose)\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Locally scoped data with CompositionLocal](/develop/ui/compose/compositionlocal)\n- [Other considerations](/develop/ui/compose/migrate/other-considerations)\n- [Anatomy of a theme in Compose](/develop/ui/compose/designsystems/anatomy)"]]