یک تصویر را به درخواست خود پیوست کنید

برای درک بهتر معماری برنامه و تسریع فرآیند توسعه رابط کاربری، می‌توانید یک تصویر به کوئری خود برای Gemini در اندروید استودیو پیوست کنید.

برای پیوست کردن تصویر به درخواست خود، روی «پیوست کردن فایل تصویر» کلیک کنید. آیکون پیوست فایل تصویری و تصویر را آپلود کنید.

در اینجا فقط چند روش وجود دارد که Gemini می‌تواند در تصاویر به شما کمک کند:

  • اگر شما یک نمونه اولیه از رابط کاربری مورد نظر خود دارید، Gemini می‌تواند کدی را که آن را ایجاد می‌کند، ارائه دهد. به عنوان مثال، اگر تصویری از برنامه Now in Android را به Gemini ارائه دهید، می‌تواند کد Compose را برای ایجاد آن ارائه دهد. این مثال تصویری از فید برنامه (سمت چپ) و کد Jetpack Compose تولید شده توسط Gemini (سمت راست) برای آن رابط کاربری را نشان می‌دهد. برای کسب اطلاعات بیشتر، به بخش «ایجاد رابط کاربری با پیوست‌های تصویر» مراجعه کنید.

    برنامه «Now in Android» که مجموعه‌ای از مقالات را با عناوین، موضوعات و نمادهای نشانک نشان می‌دهد.پاسخ کد Gemini کد Jetpack Compose را نمایش می‌دهد که رابط کاربری را از تصویر «Now in Android» بازسازی می‌کند.
    Gemini کد Jetpack Compose را از روی اسکرین‌شات رابط کاربری برنامه Now in Android تولید می‌کند.

  • اگر می‌خواهید بدانید که یک برنامه چگونه ساخته می‌شود، Gemini می‌تواند نحوه‌ی عملکرد رابط کاربری را بر اساس اجزای تشکیل‌دهنده‌اش توضیح دهد. برای مثال، می‌توانید از Gemini بخواهید که اجزای تشکیل‌دهنده و جریان داده‌ی پشت یک اسکرین‌شات دیگر از Now in Android را توضیح دهد. تصویر سمت چپ یک صفحه‌ی جزئیات با یک خبر را نشان می‌دهد و تصویر سمت راست توضیح Gemini در مورد ساختار Compose و جریان داده‌ی آن صفحه را نشان می‌دهد.

    جزئیات یک مقاله خبری در برنامه «Now in Android» که عنوان، نویسنده و توضیحات را نشان می‌دهد.توضیح Gemini در مورد کامپوننت‌های Jetpack Compose و جریان داده برای صفحه جزئیات مقاله خبری.
    Gemini ترکیب رابط کاربری و جریان داده یک صفحه برنامه خاص را توضیح می‌دهد.

  • اگر نمودار معماری برنامه دارید، Gemini می‌تواند کدی را برای ایجاد برنامه بر اساس نمودار پیشنهاد دهد و به عنوان یک دستیار توسعه کامل عمل کند. Gemini همچنین می‌تواند به مستندسازی نمودار کمک کند و ساختار برنامه را توضیح دهد، که این امر هنگام نوشتن یک سند طراحی برای بررسی هم‌تیمی‌های شما مفید است. به عنوان مثال، تصویر زیر یک نمودار معماری ساده شده را نشان می‌دهد که جریان داده‌ها را بین اجزای مختلف برنامه مانند UI، ViewModel، Repository و Data Source نشان می‌دهد.

    یک نمودار معماری برنامه ساده‌شده که اجزای رابط کاربری، ViewModel، مخزن و منبع داده را با فلش‌هایی که جریان داده‌ها را نشان می‌دهند، نشان می‌دهد.
    Gemini می‌تواند کد و مستندات را از نمودار معماری برنامه تولید کند.

  • اگر متوجه اشکالی در رابط کاربری شدید، از صفحه اسکرین‌شات بگیرید و از Gemini بخواهید تا راه‌حل‌هایی ارائه دهد. می‌توانید با کشیدن دایره دور قسمتی که خطا دارد، به مشخص کردن مشکل کمک کنید. مثال زیر اسکرین‌شات یک برنامه تلفن همراه را نشان می‌دهد که یک دایره قرمز، عنصر رابط کاربری ناهم‌تراز را برجسته می‌کند.

    اسکرین‌شات یک اپلیکیشن موبایل که یک اشکال رابط کاربری را نشان می‌دهد که در آن یک عنصر متنی همپوشانی دارد یا ترازبندی آن به هم خورده است و با دایره قرمز مشخص شده است.
    Gemini می‌تواند از طریق یک اسکرین‌شات، برای رفع اشکالات رابط کاربری، ایده‌پردازی کند.