با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
می توانید از Gemini برای تبدیل کد UI در محیط پیش نمایش Compose با استفاده از زبان طبیعی به طور مستقیم در پیش نمایش استفاده کنید.
برای تبدیل UI با Gemini، این مراحل را دنبال کنید:
در پانل پیش‌نمایش نوشتن، روی پیش‌نمایش کلیک راست کرده و Transform UI with Gemini را انتخاب کنید.
دسترسی به منوی "Transform UI with Gemini".
برای راهنمایی Gemini در تنظیم چیدمان یا استایل خود، درخواست زبان طبیعی خود را وارد کنید، مانند "Center align these buttons" یا برای زمینه بهتر، عناصر رابط کاربری خاصی را در پیش نمایش انتخاب کنید.
اعمال تبدیل زبان طبیعی به پیش نمایش Compose
Gemini با ویرایش کد پیشنهادی تفاوت ایجاد می کند. می‌توانید در صورت نیاز، قبل از تأیید تغییرات، به‌روزرسانی‌ها را بررسی و اصلاح کنید.
دستورات زیر را امتحان کنید:
"افزودن فاصله بیشتر بین متن"
"آیکون ها را 10٪ بزرگتر کنید"
"رنگ پس زمینه را به <color> تغییر دهید"
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و 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,["# Transform UI\n\n| **Preview:** To try transforming UI with Gemini, enable the feature through [Studio Labs](/studio/gemini/labs).\n\nYou can use Gemini to transform UI code within the Compose preview environment\nusing natural language directly in the preview.\n\nTo transform UI with Gemini, follow these steps:\n\n1. In the Compose preview panel, right-click a preview and select **Transform UI\n with Gemini**.\n\n Accessing 'Transform UI with Gemini' menu\n2. Enter your natural language request, such as \"Center align these buttons,\" to\n guide Gemini in adjusting your layout or styling, or select specific UI\n elements in the preview for better context.\n\n Applying a natural language transformation to a Compose preview\n3. Gemini produces a diff with suggested code edits. You can review and further\n refine the updates if needed before approving the changes.\n\nTry prompts like the following:\n\n- \"Add more spacing between the text\"\n- \"Make the icons 10% larger\"\n- \"Change the background color to \\\u003ccolor\\\u003e\""]]
