با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
Gemini در Android Studio به طور منحصربه‌فردی مجهز است تا به شما کمک کند با استفاده از Jetpack Compose و پیروی از بهترین شیوه‌های Android، دید رابط کاربری برنامه Android خود را به واقعیت تبدیل کنید. این صفحه مراحل کلی ایجاد رابط کاربری اپلیکیشن با Gemini را شرح می دهد. برای اطلاعات بیشتر در مورد پیوست تصویر و سایر ایده‌ها برای نحوه استفاده از این ویژگی، به پیوست کردن تصویر به درخواست خود مراجعه کنید.
برای ایجاد رابط کاربری با Gemini، این مراحل کلی را دنبال کنید:
یک مدل از رابط کاربری برنامه مورد نظر خود ایجاد کنید. یک قاب سیمی یا طراحی اولیه بهترین کار را دارد. شما می توانید یک PNG را از یک ابزار طراحی صادر کنید یا حتی از یک تصویر کشیده شده با دست استفاده کنید.
با کلیک بر روی فایل پیوست تصویر، تصویر را به درخواست خود پیوست کنید .
در قسمت چت، از Gemini بخواهید که کد UI را ایجاد کند، به عنوان مثال "Generate Jetpack Compose code for the image ارائه شده." هنگامی که پرس و جو و تصویر را ارسال می کنید، Gemini کدی را برای ایجاد رابط کاربری پیشنهادی پیشنهاد می کند. Gemini معمولاً کد پیش‌نمایش Compose را نیز ارائه می‌کند، بنابراین می‌توانید به‌محض وارد کردن آن به پروژه خود، UI را به سرعت تجسم کنید—اگر اینطور نیست، از آن بخواهید پیش‌نمایش‌های Compose را ایجاد کند .
هنگامی که کد را وارد کردید و می‌توانید پیش‌نمایش نوشتن را در پانل پیش‌نمایش ببینید، می‌توانید با کلیک مستقیم روی پیش‌نمایش و درخواست از Gemini برای تبدیل آن، روی رابط کاربری تکرار کنید.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-07-31 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-07-31 بهوقت ساعت هماهنگ جهانی."],[],[],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)."]]
.
