Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Anda dapat menggunakan Gemini untuk mengubah kode UI dalam lingkungan pratinjau Compose menggunakan bahasa alami langsung di pratinjau.
Untuk mengubah UI dengan Gemini, ikuti langkah-langkah berikut:
Di panel pratinjau Compose, klik kanan pratinjau, lalu pilih Transform UI
with Gemini.
Mengakses menu 'Ubah UI dengan Gemini'
Masukkan permintaan bahasa alami Anda, seperti "Sejajarkan tombol ini ke tengah", untuk memandu Gemini menyesuaikan tata letak atau gaya, atau pilih elemen UI tertentu dalam pratinjau untuk konteks yang lebih baik.
Menerapkan transformasi bahasa alami ke pratinjau Compose
Gemini menghasilkan diff dengan saran pengeditan kode. Anda dapat meninjau dan lebih
memperbaiki pembaruan jika diperlukan sebelum menyetujui perubahan.
Coba perintah seperti berikut:
"Tambahkan lebih banyak ruang di antara teks"
"Make the icons 10% larger" (Buat ikon 10% lebih besar)
"Ubah warna latar belakang menjadi <warna>"
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-31 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 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\""]]
