Composable önizlemeleriyle Jetpack Compose Glimmer kullanıcı arayüzünüzü önizleme

Jetpack Compose Glimmer, yapay zeka gözlüklerinde zengin ve ortamla uyumlu deneyimler oluşturmak için kullanılan kullanıcı arayüzü araç setidir. Jetpack Compose Glimmer kullanıcı arayüzünüzü geliştirirken tasarımlarınızı hızlı ve verimli bir şekilde görselleştirmek ve yinelemek için composable önizlemelerini kullanın. Composable önizlemeleri, Jetpack Compose Glimmer kullanıcı arayüzü bileşenlerinizin doğrudan Android Studio'da canlı ve etkileşimli bir şekilde oluşturulmasını sağlar. Bu önizlemeler, her küçük kullanıcı arayüzü değişikliği için uygulamanızı sürekli olarak bir emülatörde veya fiziksel cihazda oluşturup çalıştırma ihtiyacını ortadan kaldırarak geliştirme döngünüzü önemli ölçüde hızlandırır.

Jetpack Compose Glimmer kullanıcı arayüzü bileşenlerini önizleme

  1. XR projenizi Android Studio'nun en son Canary sürümünde açın.
  2. Birleştirilebilir işlevinizin @Preview ek açıklamasıyla açıklama eklenmiş olduğunu doğrulayın.
  3. Kod görünümünde, composable işlevi için Yapılandırma seçiciyi önizle'yi tıklayın.

  4. Cihaz açılır menüsünden Yapay Zeka Gözlüğü'nü seçin.

    Bu, önizleme yüzeyini yapay zeka gözlüğü ekranının benzersiz çözünürlüğüne ve en-boy oranına uyacak şekilde ayarlar.

    Birleştirilebilir işlev önizleme yapılandırmasında cihaz için AI Glasses'ı seçin.

  5. Önizlemeyi görmek için Tasarım veya Bölünmüş görünümü seçin.

    Birleştirilebilir önizleme, simüle edilmiş bir Yapay Zeka Gözlüğü cihazı için bölünmüş görünümde gösterilir.

Önizleme ortamını ayarlama

Gözlüklerde eklemeli ve şeffaf bir ekran kullanılır. Bu özellik, ekranın yalnızca ışık ekleyebileceği, siyah oluşturamayacağı anlamına gelir. Toplama yöntemiyle çalışan bir ekranda siyah renk değildir. %100 şeffaf görünür. Oluşturma önizlemesi, kullanıcı arayüzünün farklı görüntüleme koşullarında nasıl davrandığını anlamanıza yardımcı olan bir yaklaşımdır.

Farklı görüntüleme koşullarını simüle etmek için önizleme bölmesi araç çubuğundaki ortam simgesini tıklayın. Metninizin ve bileşenlerinizin yeterli kontrasta ve görünürlüğe sahip olup olmadığını kontrol etmek için farklı arka plan seçeneklerini (ör. Açık, Koyu veya Yoğun) deneyin.