Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Android Studio'daki Gemini, Android uygulamanızın kullanıcı arayüzü vizyonunu Jetpack Compose'u kullanarak ve Android'deki en iyi uygulamaları izleyerek gerçeğe dönüştürmenize yardımcı olmak için benzersiz bir şekilde donatılmıştır.
Bu sayfada, Gemini ile uygulama kullanıcı arayüzü oluşturmanın genel adımları açıklanmaktadır. Resim ekleme ve özelliği kullanmayla ilgili diğer fikirler hakkında daha fazla bilgi için Sorgunuza resim ekleme başlıklı makaleyi inceleyin.
Gemini 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 maketini oluşturun. En iyi seçenek, tel çerçeve veya temel bir tasarımdır. Tasarım aracından PNG dışa aktarabilir veya elle çizilmiş bir resim kullanabilirsiniz.
Resim dosyası ekle'yi
tıklayarak resmi sorgunuza ekleyin.
Sohbet alanında Gemini'dan 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 Gemini, önerilen kullanıcı arayüzünü oluşturmak için kod önerir. Gemini genellikle Compose önizlemesi için de kodu sağlar. Böylece, projenize içe aktardıktan sonra kullanıcı arayüzünü hızlıca görselleştirebilirsiniz. Kod sağlanmazsa Compose önizlemelerini oluşturmasını isteyin.
Kodu içe aktardıktan ve önizleme panelinde Compose önizlemesini gördükten sonra, doğrudan önizlemeyi tıklayıp Gemini'dan dönüştürmesini isteyerek kullanıcı arayüzünde yineleme yapabilirsiniz.
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-31 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-31 UTC."],[],[],null,["# Generate UI with image attachments\n\n| **Preview:** Enable image attachment through [Studio Labs](/studio/gemini/attach-image).\n| **Note:** Image attachment is currently available in Gemini's no-cost tier.\n\nGemini in Android Studio is uniquely equipped to help you make your Android app\nUI vision a reality, using Jetpack Compose and following Android best practices.\nThis page describes the general steps to creating an app UI with Gemini. For\nmore information about image attachment and other ideas for how to use the\nfeature, see [Attach an image to your query](/studio/gemini/attach-image).\n\nTo generate a UI with Gemini, follow these general steps:\n\n1. Create a mockup of the app UI that you want. A wireframe or basic design\n works best. You can export a PNG from a design tool or even use a hand drawn\n image.\n\n2. Attach the image to your query by clicking **Attach image file**\n .\n\n3. In the chat field, ask Gemini to generate the UI code, for example \"Generate\n Jetpack Compose code for the image provided.\" When you submit the query and\n image, Gemini suggests code to create the proposed UI. Gemini usually\n provides the code for the\n [Compose preview](/develop/ui/compose/tooling/previews) too, so you can\n quickly visualize the UI once you import the into your project---if it doesn't,\n ask it to\n [generate Compose the previews](/studio/gemini/generate-compose-previews).\n\n4. Once you import the code and can see the Compose preview in the preview\n panel, you can iterate on the UI by clicking directly on the preview and\n [asking Gemini to transform it](/studio/gemini/transform-ui)."]]
tıklayarak resmi sorgunuza ekleyin.
