Yapay zeka aracısı, Android'deki en iyi uygulamaları izleyerek ve Jetpack Compose'u kullanarak Android uygulamanızın kullanıcı arayüzü vizyonunu gerçeğe dönüştürmenize yardımcı olmak için benzersiz bir şekilde donatılmıştır. Bu sayfada, yapay zeka ile uygulama kullanıcı arayüzü oluşturma ve yineleme işlemleri açıklanmaktadır.
Yapay zeka ile kullanıcı arayüzü oluşturmak için genel olarak şu adımları uygulayın:
İstediğiniz uygulama kullanıcı arayüzünün bir taslağını oluşturun. Bir tasarım aracından PNG dışa aktarabilir veya elle çizilmiş bir resim kullanabilirsiniz.
Şekil 1: Bir uygulama kullanıcı arayüzünün tel kafes modeli. Resim dosyası ekle düğmesini tıklayarak resmi sorgunuza ekleyin
. Ayrıca, mevcut önizlemesi olmayan bir dosyada doğrudan Önizleme panelinden Ekran Görüntüsünden Kod Oluştur'u da tıklayabilirsiniz.
Şekil 2: Boş bir önizleme panelindeki ekran görüntüsünden kod oluşturma. Sohbet alanında, yapay zeka aracısından kullanıcı arayüzü kodu oluşturmasını isteyin. Örneğin, "Sağlanan resim için Jetpack Compose kodu oluştur." Sorguyu ve resmi gönderdiğinizde yapay zeka temsilcisi, önerilen kullanıcı arayüzünü oluşturmak için kod önerir. Yapay zeka aracısı genellikle Compose önizlemesi için de kodu sağlar. Böylece, kullanıcı arayüzünü projenize aktardıktan sonra hızlıca görselleştirebilirsiniz. Aksi takdirde, yapay zeka aracısından Compose önizlemelerini oluşturmasını isteyin.
Şekil 2: Gemini, eklenmiş bir resimden Jetpack Compose kodu oluşturuyor. Kodu içe aktarıp önizleme panelinde Compose önizlemesini gördüğünüzde, doğrudan önizlemeyi tıklayarak ve Gemini'dan dönüştürmesini isteyerek kullanıcı arayüzünde yineleme yapabilirsiniz. İstediğiniz şeyin görüntüsü varsa önizlemeyi sağ tıklayıp Yapay Zeka İşlemleri > Kullanıcı Arayüzünü Hedef Resimle Eşleştir'i seçerek kullanıcı arayüzünde yineleme de yapabilirsiniz.
Şekil 5: Gemini'ı kullanarak kullanıcı arayüzü öğelerini doğrudan Compose önizlemesinden dönüştürme. 
Şekil 6: "Kullanıcı Arayüzünü Hedef Resimle Eşleştir" özelliğinin kullanımına ilişkin örnek
Kullanıcı arayüzü kalitesiyle ilgili sorunları bulma ve düzeltme
Yapay zeka temsilcisi, kullanıcı arayüzünüzün yüksek kaliteli ve erişilebilir olmasını sağlamanıza da yardımcı olabilir. Oluşturma önizlemenizi sağ tıklayın ve Yapay Zeka İşlemleri > Tüm kullanıcı arayüzü kontrolü sorunlarını düzelt'i seçin. Aracı, kullanıcı arayüzünüzü erişilebilirlik sorunları gibi yaygın problemler açısından denetler ve bunları çözmek için kod düzeltmeleri önerir.
