Jetpack Compose Glimmer'da dikey yığınlar

Uygun XR cihazlar
Bu kılavuz, bu tür XR cihazlar için deneyimler oluşturmanıza yardımcı olur.
XR cihaz türleri hakkında bilgi edinin →
Görüntüleme Gözlüğü
XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'da VerticalStack, öğeleri görsel olarak çakışan üç boyutlu bir sırada düzenleyen, dikey olarak kaydırılabilen bir düzendir. Birincil öğe ön planda belirgin bir şekilde gösterilirken sonraki öğeler bunun arkasına yerleştirilir.

Şekil 1. Jetpack Compose Glimmer'daki bazı farklı yığın stillerine örnek.

Kaydırma ve konumlandırma davranışları

Gruplar, öğeleri kompakt ve çakışan bir düzende tuttuğundan, listeler gibi diğer sıralı bileşen türlerinden farklı bazı davranışlara sahiptir:

  • Kullanıcı dikey olarak kaydırdığında etkin ön plan öğesi görünümden çıkar ve hemen altındaki öğenin belirgin ön plan konumuna kaymasına olanak tanır.
  • Öğeler, kullanıcı hareketi sona erdikten sonra her zaman özel bir yay animasyonu kullanılarak ön plan konumuna yerleştirilir.
  • Öğeler z ekseni boyunca konumlandırılır. Listedeki daha sonraki öğeler, birincil öğenin arkasına yerleştirilir.

Odak yönetimi

VerticalStack, kullanıcının etkileşimde bulunacağı birincil hedef olarak her zaman mevcut ön plan öğesini kullanmak için özel bir odak sistemi kullanır:

  • İlk odak ve yeniden giriş: İlk odak ve yeniden odaklanma, yığının mevcut üst öğesine gider.
  • Otomatik odaklama bildirimi: Öğeler geçiş yaparken yığın, en üstteki öğe için odaklama isteğinde bulunur.
  • Odak takibi: Her öğe, kendi odak durumunu onFocusChanged kullanarak StackState bildirir.

Örnek: Dikey yığın oluşturma

Aşağıdaki kod, birkaç kart öğesi içeren dikey bir yığın oluşturur:

@Composable
fun VerticalStackSample() {
    VerticalStack {
        item {
            Card { Text("Top Card") }
        }
        item {
            Card { Text("Second Card") }
        }
        item {
            Card { Text("Third Card") }
        }
    }
}