קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
אתם יכולים להשתמש ב-Gemini כדי לשנות קוד של ממשק משתמש בסביבת התצוגה המקדימה של Compose באמצעות שפה טבעית ישירות בתצוגה המקדימה.
כדי לשנות את ממשק המשתמש באמצעות Gemini, פועלים לפי השלבים הבאים:
בחלונית התצוגה המקדימה של הטיוטה, לוחצים לחיצה ימנית על התצוגה המקדימה ובוחרים באפשרות שינוי ממשק המשתמש באמצעות Gemini.
גישה לתפריט 'שינוי ממשק המשתמש באמצעות Gemini'
כדי להנחות את Gemini להתאים את הפריסה או הסגנון, אפשר להזין בקשה בשפה טבעית, כמו 'מרכז את הלחצנים האלה', או לבחור רכיבי ממשק משתמש ספציפיים בתצוגה המקדימה כדי לספק הקשר טוב יותר.
איך משתמשים בטרנספורמציה של שפה טבעית בתצוגה מקדימה של Compose
Gemini יוצר קובץ diff עם הצעות לעריכת קוד. תוכלו לבדוק את העדכונים ולשפר אותם עוד יותר אם צריך, לפני שתאשרו את השינויים.
אפשר לנסות הנחיות כמו:
"Add more spacing between the text" (הוספת רווח נוסף בין הטקסט)
"Make the icons 10% larger" (הגדלת הסמלים ב-10%)
"Change the background color to <color>" (שינוי צבע הרקע לצבע מסוים)
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-31 (שעון UTC).
[[["התוכן קל להבנה","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 (שעון UTC)."],[],[],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\""]]
