इमेज अटैचमेंट के साथ यूज़र इंटरफ़ेस (यूआई) जनरेट करना

एआई एजेंट, Jetpack Compose का इस्तेमाल करके और Android के सबसे सही तरीकों को अपनाकर, आपके Android ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) के विज़न को हकीकत में बदलने में आपकी मदद कर सकता है. इस पेज पर, एआई की मदद से ऐप्लिकेशन का यूज़र इंटरफ़ेस (यूआई) बनाने और उसमें बदलाव करने का तरीका बताया गया है.

एआई की मदद से यूज़र इंटरफ़ेस (यूआई) जनरेट करने के लिए, यह सामान्य तरीका अपनाएं:

  1. अपने हिसाब से ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) का मॉकअप बनाएं. डिजाइन टूल से पीएनजी एक्सपोर्ट की जा सकती है. इसके अलावा, हाथ से बनाई गई इमेज का भी इस्तेमाल किया जा सकता है.

    ऐप्लिकेशन के यूज़र इंटरफ़ेस का हाथ से बनाया गया वायरफ़्रेम
    पहली इमेज: ऐप्लिकेशन के यूज़र इंटरफ़ेस का वायरफ़्रेम.
  2. अपनी क्वेरी में इमेज अटैच करने के लिए, इमेज फ़ाइल अटैच करें बटन इमेज फ़ाइल अटैच करें आइकॉन पर क्लिक करें. किसी ऐसी फ़ाइल के झलक पैनल से भी सीधे स्क्रीनशॉट से कोड जनरेट करें पर क्लिक किया जा सकता है जिसकी कोई झलक मौजूद न हो.

    दूसरी इमेज: खाली झलक पैनल में, स्क्रीनशॉट से कोड जनरेट करना.
  3. चैट फ़ील्ड में, एआई एजेंट से यूज़र इंटरफ़ेस (यूआई) का कोड जनरेट करने के लिए कहें. उदाहरण के लिए, "दी गई इमेज के लिए Jetpack Compose कोड जनरेट करें." क्वेरी और इमेज सबमिट करने पर, एआई एजेंट, प्रस्तावित यूज़र इंटरफ़ेस (यूआई) बनाने के लिए कोड का सुझाव देता है. एआई एजेंट आम तौर पर, Compose की झलक के लिए भी कोड उपलब्ध कराता है. इससे, अपने प्रोजेक्ट में इंपोर्ट करने के बाद, यूज़र इंटरफ़ेस (यूआई) को तुरंत विज़ुअलाइज़ किया जा सकता है. अगर ऐसा नहीं होता है, तो उससे Compose की झलक जनरेट करने के लिए कहें.

    Gemini के चैट इंटरफ़ेस में, इमेज के आधार पर जनरेट किया गया Jetpack Compose कोड दिखाया गया है.
    दूसरी इमेज: Gemini, अटैच की गई इमेज से Jetpack Compose कोड जनरेट कर रहा है.
  4. कोड इंपोर्ट करने के बाद, झलक पैनल में Compose की झलक देखी जा सकती है. इसके बाद, झलक पर सीधे क्लिक करके और Gemini से उसमें बदलाव करने के लिए कहकर, यूज़र इंटरफ़ेस (यूआई) में बदलाव किया जा सकता है. अगर आपके पास अपनी पसंद की कोई इमेज है, तो झलक पर राइट क्लिक करके और एआई की कार्रवाइयां > यूज़र इंटरफ़ेस (यूआई) को टारगेट इमेज से मैच करें को चुनकर भी यूज़र इंटरफ़ेस (यूआई) में बदलाव किया जा सकता है.

    Android Studio में, चुने गए यूज़र इंटरफ़ेस एलिमेंट और Gemini चैट के साथ Compose की झलक दिखाई गई है.
    पांचवी इमेज: Compose की झलक से सीधे तौर पर यूज़र इंटरफ़ेस (यूआई) के एलिमेंट में बदलाव करने के लिए, Gemini का इस्तेमाल करना.
    छठी इमेज: "यूज़र इंटरफ़ेस (यूआई) को टारगेट इमेज से मैच करें" का इस्तेमाल करने का उदाहरण

यूज़र इंटरफ़ेस (यूआई) की क्वालिटी से जुड़ी समस्याओं का पता लगाना और उन्हें ठीक करना

एआई एजेंट, यह पक्का करने में भी आपकी मदद कर सकता है कि आपका यूज़र इंटरफ़ेस (यूआई) अच्छी क्वालिटी का हो और उसे ऐक्सेस किया जा सके. Compose की झलक पर राइट क्लिक करें और एआई की कार्रवाइयां > यूज़र इंटरफ़ेस (यूआई) की जांच से जुड़ी सभी समस्याएं ठीक करें को चुनें. एजेंट, आपके यूज़र इंटरफ़ेस (यूआई) में आम तौर पर होने वाली समस्याओं की जांच करता है. जैसे, सुलभता से जुड़ी समस्याएं. साथ ही, उन्हें ठीक करने के लिए कोड में बदलाव के सुझाव देता है.

सातवीं इमेज: एआई की मदद से यूज़र इंटरफ़ेस (यूआई) से जुड़ी समस्याएं ठीक करना
आठवीं इमेज: समस्याएं ठीक करने के बाद, यूज़र इंटरफ़ेस (यूआई) का उदाहरण.