Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Sorunsuzca ölçeklendirilebilen, uyarlanabilir Android widget'ları tasarlayın. Başlangıç noktası olarak önerilen varsayılan boyutlarımızı kullanın ve en iyi okunabilirliği ve kullanıcı deneyimini sağlamak için düzenlerinizi farklı boyutlarda test edin.
Varsayılan boyutlar
Önerilen boyutlarımızdan en az biri için düzeninizi optimize ederek kusursuz bir widget deneyimi sunun. Hem el cihazları hem de tablet cihazlar için targetCellWidth ve targetCellHeight özelliklerini tanımlayarak widget seçicide doğru yerleşimi ve görünürlüğü sağlayın.
Bu değerler Pixel cihazlara göre belirlenmiştir. Widget tasarımınız için başlangıç noktası olarak bu boyutları kullanın. Kaliteli bir kullanıcı deneyimi sunmak için widget'ınızı farklı boyutlarda ve çeşitli cihazlarda ayrıntılı bir şekilde test edin.
El Kamerası
Boyutlar
Minimum genişlik
Maksimum genişlik
Minimum yükseklik
Maksimum yükseklik
2x1
109
306)
56
130)
2x2
109
306)
115)
276
2x3
109
306)
185)
422
4x1
245)
624
56
130)
4x2
245)
624
115)
276
4x3
245)
624
185)
422
Tablet
Boyutlar
Minimum genişlik
Maksimum genişlik
Minimum yükseklik
Maksimum yükseklik
2x1
180)
304)
64)
120
2x2
180)
304)
184)
304)
2x3
180)
304)
304)
488
3x1
328)
488
64)
120
3x2
298)
488
184)
304)
3x3
298)
488
304)
488
3x4
298)
488
424
672
Kesme noktaları
Durak noktaları, uyarlanabilir, kullanıcı dostu ve yeniden boyutlandırılabilir widget'lar oluşturmak için gereklidir. Tasarımınızı test ederek düzen ayarlarının gerekli olduğu boyut eşiklerini belirleyebilirsiniz. Bu değişiklikleri tetiklemek için kesme noktaları uygulayarak widget'ınızın her boyutta görsel çekiciliğini ve işlevini korumasını sağlayın.
Kesme noktaları, ek içeriği koşullu olarak dahil etme veya hariç tutma esnekliği de sunar. Böylece, widget'ın boyutlarına göre alan kullanımını optimize edebilirsiniz.
Şekil 1: Farklı boyutlarda düzen değişiklikleri yapmak için kesme noktalarını kullanın.
Sınırları doldurma
Kullanıcıların widget'ları kaldırma nedenlerinden biri, diğer ana ekran öğeleriyle hizalanmamasıdır. Bunu önlemek için widget'ınızın, kendisine ayrılan ızgara alanını her zaman tamamen doldurduğundan emin olun.
check_circle
Yapılması gerekenler
Kapsayıcı, tüm boyutlarda kenardan kenara uzanmalıdır.
cancel
Yapılmaması gerekenler:
Özel dolgu ekleyin. Widget'ınız kenarlara kadar sorunsuz bir şekilde uzanmalıdır.
check_circle
Yapılması gerekenler
Görsel tutarlılık için dikdörtgen olmayan şeklinizin dikey veya yatay eksende ızgaraya dokunduğundan emin olun.
cancel
Yapılmaması gerekenler:
Sabit kare şekiller kullanın. Bunun yerine, çeşitli ızgara boyutlarına uyum sağlayan duyarlı dikdörtgen kapsayıcılar kullanın.
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-07-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-07-27 UTC."],[],[],null,["# Sizing\n\nDesign adaptable Android widgets that scale seamlessly. Use our recommended\ndefault sizes as a starting point, and test your layouts across different\ndimensions to ensure optimal readability and user experience.\n\nDefault sizes\n-------------\n\nDeliver a polished widget experience by optimizing your layout for at least one\nof our recommended sizes. Ensure correct placement and visibility in the widget\npicker by defining `targetCellWidth` and `targetCellHeight` attributes for both\nhandheld and tablet devices.\n\nThese values are based off Pixel devices. Use these sizes as a starting point\nfor your widget design. Thoroughly test your widget at different sizes and on\nvarious devices to ensure a quality user experience. \n\n### Handheld\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 109 | 306 | 56 | 130 |\n| 2x2 | 109 | 306 | 115 | 276 |\n| 2x3 | 109 | 306 | 185 | 422 |\n| 4x1 | 245 | 624 | 56 | 130 |\n| 4x2 | 245 | 624 | 115 | 276 |\n| 4x3 | 245 | 624 | 185 | 422 |\n\n\u003cbr /\u003e\n\n### Tablet\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 180 | 304 | 64 | 120 |\n| 2x2 | 180 | 304 | 184 | 304 |\n| 2x3 | 180 | 304 | 304 | 488 |\n| 3x1 | 328 | 488 | 64 | 120 |\n| 3x2 | 298 | 488 | 184 | 304 |\n| 3x3 | 298 | 488 | 304 | 488 |\n| 3x4 | 298 | 488 | 424 | 672 |\n\n\u003cbr /\u003e\n\n| **Note:** Widget dimensions in the table encompass all device orientations, including landscape mode on phones, to ensure optimal functionality in a variety of scenarios.\n\nBreakpoints\n-----------\n\nBreakpoints are essential for crafting adaptable, user-friendly resizable\nwidgets. By testing your design, you can pinpoint size thresholds where layout\nadjustments are necessary. Implement breakpoints to trigger these changes,\nensuring your widget maintains visual appeal and functionality at any size.\n\nBreakpoints also offer the flexibility to conditionally include or exclude\nsupplemental content, optimizing space utilization based on the widget's\ndimensions.\n**Figure 1:** Use breakpoints to make layout changes at different sizes.\n\nFill the bounds\n---------------\n\nOne of the primary reasons users remove widgets is due to misalignment with\nother home screen elements. To prevent this, ensure your widget always fills its\nallocated grid space completely. \ncheck_circle\n\n### Do\n\nMake sure the container stretches edge-to-edge at all sizes. \ncancel\n\n### Don't\n\nAdd custom padding. Your widget should go seamlessly edge-to-edge. \ncheck_circle\n\n### Do\n\nEnsure your non-rectangular shape touches the grid on either the vertical or horizontal axis for visual consistency. \ncancel\n\n### Don't\n\nUse fixed square shapes. Instead, use responsive rectangular containers that adapt to various grid dimensions."]]
