Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Düzen, kullanıcının uygulamanızla etkileşim kurması için görsel yapıyı tanımlar (ör. bir etkinlikte). Android, içeriği görüntülemek ve konumlandırmak için çeşitli kitaplıklar, standart başlangıç noktaları ve teknikler sunar.
Ekran kesikleri, uçtan uca yerleştirmeler, kenar ekranlar, yazılım klavyeleri ve sistem çubukları gibi kullanıcı arayüzünün bölümleri de dahil olmak üzere cihazın güvenli alanlarına uyun. Kullanıcıların klavyeyle etkileşim kurması için esnek bir düzen sağlar.
Uyarı: İçerikleri klavyeyle kapatırken dikkatli olun.
Etkileşim ergonomisi
Birincil gezinme gibi temel etkileşimleri ulaşılabilir bir ekran alanında tutun. Kayan işlem düğmeleri (FAB'ler), belirgin ve erişilebilir bir etkileşim noktası sağlar.
Kapsama grupları
Kullanıcıyı içerik ve işlemler arasında yönlendirmek için ilgili içerikleri gruplandırmak üzere kapsama özelliğini kullanın. İçeriği ilgili işlemlerle gruplandırmak için açık kapsama kullanan kartlar.
Uyumlu hâle getirme
Benzer içerikler ve kullanıcı arayüzü öğeleri arasında tutarlı bir hizalama sağlayın.
check_circle
Yapılması gerekenler
Benzer öğeler arasında tutarlı boşluklar oluşturun.
cancel
Yapılmaması gerekenler
Benzer öğeler arasında tutarsız boşluklar bırakarak okunabilirliği bozma. Bu durum, tasarımların rastgele yapılmış gibi görünmesine neden olabilir.
Düzen yönü
Portre veya idealize edilmiş bir düzende kalmayın: Kullanıcıların karşılaşabileceği farklı en boy oranlarını, boyut sınıflarını ve çözünürlükleri göz önünde bulundurun.
Temel etkileşimler
Kullanıcınızı görüntüleme başına çok fazla işlemle bunaltmayın.
Düzen özelliklerine not ekleme
Özel düzenler oluştururken hizalama, kısıtlamalar veya yerçekimi terimlerini kullanarak içeriğin düzen içinde nasıl yerleştirilmesi gerektiğini not edin. Resimlerin düzgün şekilde gösterilmesi için kapsayıcılarına nasıl yanıt vermesi gerektiğini ekleyin.
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-28 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-28 UTC."],[],[],null,["A layout defines the visual structure for a user to interface with your app,\nsuch as in an activity. Android provides a range of libraries, canonical\nstarting points, and techniques to display and position content.\n\nGet Started\n\nStart designing Android layouts by learning [app anatomy](/develop/ui/compose/layouts/adaptive/app-anatomy) then how to\n[structure your app's content](/develop/ui/compose/layouts/adaptive/content-structure).\n\nTakeaways \n**Device safe areas**\n\n\nHonor device safe areas, which includes parts of the UI such as display\ncutouts, edge-to-edge insets, edge displays, software keyboards, and system\nbars. Provide a flexible layout for users to\ninteract with the keyboard.\nWarning: Be careful when covering content with the keyboard.\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player. \n**Interaction ergonomics**\n\n\nKeep essential interactions, like primary navigation, in a reachable screen\narea. Floating action buttons (FABs) provide a\nprominent and reachable interaction point \n**Containment groups**\n\n\nUse containment to group related content to guide the user through content and\nactions. Cards using explicit containment to group content with related actions.\n\n**Alignment**\n\nProvide consistent alignment between similar content and UI elements.\n\n\u003cbr /\u003e\n\ncheck_circle\n\nDo \nEstablish consistent spacing between like elements. \ncancel\n\nDon't \nDisrupt readability by inconsistently spacing like elements, which can make designs appear haphazard. \n**Layout orientation**\n\n\nDon't stick to portrait or an idealized layout: Consider different aspect\nratios, size classes, and resolutions that users may encounter.\n\n\n**Essential interactions**\n\n\nDon't overwhelm your user with too many actions per view. \n**Notate layout specs**\n\n\nWhen building custom layouts, notate how content should sit within the layout\nusing alignment, constraints, or gravity terms. Include how images should\nrespond to their container to display properly.\n\n\u003cbr /\u003e"]]
