แนบรูปภาพไปกับคำค้นหาสำหรับ Gemini ใน Android Studio เพื่อให้เข้าใจสถาปัตยกรรมของแอปได้ดียิ่งขึ้นและเร่งกระบวนการพัฒนา UI
หากต้องการแนบรูปภาพไปกับพรอมต์ ให้คลิกแนบไฟล์รูปภาพ
แล้วอัปโหลดรูปภาพ
ตัวอย่างวิธีที่ Gemini ช่วยจัดการรูปภาพได้
หากคุณมีภาพจำลองของ UI ที่ต้องการ Gemini จะสร้างโค้ดเพื่อสร้าง UI นั้นให้ เช่น หากคุณส่งภาพหน้าจอของ แอป Now in Android ให้ Gemini ระบบจะสร้างโค้ด Compose เพื่อ สร้าง UI นั้น ตัวอย่างนี้แสดงภาพหน้าจอของฟีดแอป (ซ้าย) และโค้ด Jetpack Compose ที่ Gemini สร้างขึ้น (ขวา) สำหรับ UI นั้น ดูข้อมูลเพิ่มเติมได้ที่ ดู สร้าง UI ด้วยไฟล์แนบรูปภาพ
Gemini สร้างโค้ด Jetpack Compose จากภาพหน้าจอ UI ของแอป Now in Android หากต้องการทราบวิธีสร้างแอป Gemini จะอธิบายวิธีการทำงานของ UI ในแง่ของส่วนประกอบต่างๆ เช่น คุณสามารถขอให้ Gemini อธิบาย Composables และโฟลว์ข้อมูลเบื้องหลังภาพหน้าจออีกภาพหนึ่งของ Now in Android ได้ รูปภาพด้านซ้ายแสดงหน้าจอรายละเอียดที่มีรายการข่าว และรูปภาพด้านขวาแสดงคำอธิบายของ Gemini เกี่ยวกับโครงสร้าง Compose และโฟลว์ข้อมูลสำหรับหน้าจอนั้น
Gemini อธิบายการจัดองค์ประกอบ UI และโฟลว์ข้อมูลของหน้าจอแอปที่เฉพาะเจาะจง หากคุณมีแผนผังสถาปัตยกรรมของแอป Gemini จะแนะนำโค้ดเพื่อสร้างแอปตามแผนผังดังกล่าว ซึ่งทำหน้าที่เป็นผู้ช่วยในการพัฒนาแบบ Full Stack นอกจากนี้ Gemini ยังช่วยจัดทำเอกสารแผนผังและอธิบายการสร้างแอป ซึ่งจะเป็นประโยชน์เมื่อเขียนเอกสารการออกแบบเพื่อให้เพื่อนร่วมทีมตรวจสอบ ตัวอย่างเช่น รูปภาพต่อไปนี้แสดงแผนผังสถาปัตยกรรมแบบง่ายที่แสดงโฟลว์ข้อมูลระหว่างคอมโพเนนต์ต่างๆ ของแอป เช่น UI, ViewModel, Repository และแหล่งข้อมูล
Gemini สามารถสร้างโค้ดและเอกสารจากแผนผังสถาปัตยกรรมของแอปได้ หากพบข้อบกพร่องของ UI ให้ถ่ายภาพหน้าจอแล้วขอให้ Gemini ระดมความคิดเพื่อหาโซลูชัน คุณสามารถช่วยชี้ให้เห็นข้อผิดพลาดได้โดยวงบริเวณที่มีข้อผิดพลาด ตัวอย่างต่อไปนี้แสดงภาพหน้าจอของแอปบนอุปกรณ์เคลื่อนที่ที่มีวงกลมสีแดงไฮไลต์องค์ประกอบ UI ที่จัดตำแหน่งไม่ถูกต้อง
Gemini สามารถช่วยระดมความคิดเพื่อหาโซลูชันสำหรับข้อบกพร่องของ UI จากภาพหน้าจอได้