เปลี่ยนรูปแบบ UI

คุณใช้ Gemini เพื่อเปลี่ยนโค้ด UI ภายในสภาพแวดล้อมตัวอย่าง Compose ได้ โดยใช้ภาษาที่เป็นธรรมชาติในตัวอย่างโดยตรง

หากต้องการเปลี่ยนโฉม UI ด้วย Gemini ให้ทำตามขั้นตอนต่อไปนี้

  1. ในแผงแสดงตัวอย่างการเขียน ให้คลิกขวาที่ตัวอย่าง แล้วเลือกเปลี่ยน UI ด้วย Gemini

    "เปลี่ยน UI ด้วย Gemini" ในเมนูบริบท
    การเข้าถึงเมนู "เปลี่ยน UI ด้วย Gemini"
  2. ป้อนคำขอในภาษาธรรมชาติ เช่น "จัดปุ่มเหล่านี้ให้อยู่ตรงกลาง" เพื่อ แนะนำ Gemini ในการปรับเลย์เอาต์หรือการจัดรูปแบบ หรือเลือกองค์ประกอบ UI ที่เฉพาะเจาะจงในตัวอย่างเพื่อบริบทที่ดีขึ้น

    กล่องโต้ตอบโมดอล "เปลี่ยนโฉม UI ด้วย Gemini"
    ใช้การเปลี่ยนรูปแบบภาษาธรรมชาติกับตัวอย่าง Compose
  3. Gemini จะสร้าง Diff พร้อมการแก้ไขโค้ดที่แนะนำ คุณสามารถตรวจสอบและปรับแต่งการอัปเดตเพิ่มเติมได้หากต้องการก่อนอนุมัติการเปลี่ยนแปลง

ลองใช้พรอมต์ต่อไปนี้

  • "เพิ่มระยะห่างระหว่างข้อความ"
  • "ขยายไอคอนให้ใหญ่ขึ้น 10%"
  • "เปลี่ยนสีพื้นหลังเป็นสี <สี>"