گردش کار Android Studio

یک بسته UI وارد کنید

هنگامی که یک بسته UI در Figma ایجاد کردید، می توانید آن را به پروژه Android Studio خود وارد کنید. هنگامی که پروژه ساخته می شود، Relay کد Jetpack Compose را تولید می کند.

برای وارد کردن بسته UI به پروژه Android Studio:

1. File > New > Import UI Packages را انتخاب کنید…

   

2. URL فایل Figma را که حاوی بسته UI است وارد کنید.

   

3. روی Next کلیک کنید.

4. بسته های UI را که می خواهید وارد کنید انتخاب کنید. مؤلفه‌هایی که نشان داده می‌شوند به این بستگی دارد که آیا یک مؤلفه، صفحه یا پیوند فایل را جای‌گذاری کرده‌اید. اگر یک بسته UI قبلا وارد شده باشد، برچسب "به روز رسانی" دارد. در غیر این صورت، به عنوان "جدید" نشان داده می شود.

   

5. برای وارد کردن بسته‌های انتخابی و وابستگی‌های آنها به پوشه ui-packages روی Finish کلیک کنید.

صفحه واردات بسته UI

صفحه واردات شامل اطلاعات زیر است:

• یک تصویر پیش نمایش از مؤلفه و انواع آن.
• عنوان و توضیحات
• لیستی از انواع و خواص آنها.
• فهرستی از پارامترهای محتوا و انواع آنها.
• فهرستی از کنترل کننده های تعامل و انواع آنها.

پنجره ابزار بسته UI

افزونه Android Studio یک پنجره ابزار به نام بسته UI اضافه می کند. هر زمان که فایلی را در پوشه بسته UI انتخاب می کنید باز می شود (به عنوان مثال، app/src/main/ui-packages/mycomponent/ ). پنجره ابزار خلاصه ای از بسته UI و محتویات آن را نشان می دهد.

پروژه اندروید خود را بسازید

هنگامی که یک پروژه اندروید استودیو حاوی بسته UI می سازید، پلاگین Relay Gradle کد را از بسته UI تولید کرده و آن را کامپایل می کند. دارایی های فونت نیز دانلود و در پروژه شما کپی می شوند.

اگر می‌خواهید فقط بسته‌های UI وارد شده و نه کل پروژه خود را بسازید، می‌توانید این وظایف خاص Gradle را اجرا کنید:

• generateDebugRelayCode یا generateReleaseRelayCode نسخه های اشکال زدایی یا انتشار کدهای مشتق شده از بسته UI را تولید می کند.
• generateRelayRuntimeCode کتابخانه زمان اجرا مورد استفاده توسط کد تولید شده را ایجاد می کند.

در طول فرآیند ساخت:

1. کد از بسته UI تولید شده و در پوشه های جداگانه ذخیره می شود.
2. تصاویر و فونت ها در یک پوشه منبع تولید شده مشترک کپی می شوند.

مکان پوشه ها در Understand UI Package & Generated Code ثبت شده است.

یک بسته UI را به روز کنید

هنگامی که یک نسخه جدید از یک طرح آماده است، طراح باید یک نسخه جدید با نام از فایل Figma ایجاد کند .

در اندروید استودیو، مطمئن شوید که پنجره ابزار Project در نمای اندروید باشد.

1. در زیر پوشه ui-packages در ماژول خود، روی پوشه بسته(های) UI که می‌خواهید به‌روزرسانی شود کلیک راست کرده و سپس Update UI Package(های) را انتخاب کنید. در مثال زیر، پنج بسته UI را برای به روز رسانی انتخاب کرده ایم.

   

2. همچنین می‌توانید روی پوشه ui-packages کلیک راست کنید تا همه بسته‌های رابط کاربری به‌روزرسانی شوند.

   

{% کلمه به کلمه %} {% آخر کلمه %}

برای شما توصیه می شود

• توجه: وقتی جاوا اسکریپت خاموش است، متن پیوند نمایش داده می شود
• بسته UI و کد تولید شده را درک کنید
• محدودیت ها و عیب یابی
• نگاشت اجزا به کد موجود

{% کلمه به کلمه %} {% endverbatim %}،

یک بسته UI وارد کنید

هنگامی که یک بسته UI در Figma ایجاد کردید، می توانید آن را به پروژه Android Studio خود وارد کنید. هنگامی که پروژه ساخته می شود، Relay کد Jetpack Compose را تولید می کند.

برای وارد کردن بسته UI به پروژه Android Studio:

1. File > New > Import UI Packages را انتخاب کنید…

   

2. URL فایل Figma را که حاوی بسته UI است وارد کنید.

   

3. روی Next کلیک کنید.

4. بسته های UI را که می خواهید وارد کنید انتخاب کنید. مؤلفه‌هایی که نشان داده می‌شوند به این بستگی دارد که آیا یک مؤلفه، صفحه یا پیوند فایل را جای‌گذاری کرده‌اید. اگر یک بسته UI قبلا وارد شده باشد، برچسب "به روز رسانی" دارد. در غیر این صورت، به عنوان "جدید" نشان داده می شود.

   

5. برای وارد کردن بسته‌های انتخابی و وابستگی‌های آنها به پوشه ui-packages روی Finish کلیک کنید.

صفحه واردات بسته UI

صفحه واردات شامل اطلاعات زیر است:

• یک تصویر پیش نمایش از مؤلفه و انواع آن.
• عنوان و توضیحات
• لیستی از انواع و خواص آنها.
• لیستی از پارامترهای محتوا و انواع آنها.
• فهرستی از کنترل کننده های تعامل و انواع آنها.

پنجره ابزار بسته UI

افزونه Android Studio یک پنجره ابزار به نام بسته UI اضافه می کند. هر زمان که فایلی را در پوشه بسته UI انتخاب می کنید باز می شود (به عنوان مثال، app/src/main/ui-packages/mycomponent/ ). پنجره ابزار خلاصه ای از بسته UI و محتویات آن را نشان می دهد.

پروژه اندروید خود را بسازید

هنگامی که یک پروژه اندروید استودیو حاوی بسته UI می سازید، پلاگین Relay Gradle کد را از بسته UI تولید کرده و آن را کامپایل می کند. دارایی های فونت نیز دانلود و در پروژه شما کپی می شوند.

اگر می‌خواهید فقط بسته‌های UI وارد شده و نه کل پروژه خود را بسازید، می‌توانید این وظایف خاص Gradle را اجرا کنید:

• generateDebugRelayCode یا generateReleaseRelayCode نسخه های اشکال زدایی یا انتشار کدهای مشتق شده از بسته UI را تولید می کند.
• generateRelayRuntimeCode کتابخانه زمان اجرا مورد استفاده توسط کد تولید شده را ایجاد می کند.

در طول فرآیند ساخت:

1. کد از بسته UI تولید شده و در پوشه های جداگانه ذخیره می شود.
2. تصاویر و فونت ها در یک پوشه منبع تولید شده مشترک کپی می شوند.

مکان پوشه ها در Understand UI Package & Generated Code ثبت شده است.

یک بسته UI را به روز کنید

هنگامی که یک نسخه جدید از یک طرح آماده است، طراح باید یک نسخه جدید با نام از فایل Figma ایجاد کند .

در اندروید استودیو، مطمئن شوید که پنجره ابزار Project در نمای اندروید باشد.

1. در زیر پوشه ui-packages در ماژول خود، روی پوشه بسته(های) UI که می‌خواهید به‌روزرسانی شود کلیک راست کرده و سپس Update UI Package(های) را انتخاب کنید. در مثال زیر، پنج بسته UI را برای به روز رسانی انتخاب کرده ایم.

   

2. همچنین می‌توانید روی پوشه ui-packages کلیک راست کنید تا همه بسته‌های رابط کاربری به‌روزرسانی شوند.

   

{% کلمه به کلمه %} {% آخر کلمه %}

برای شما توصیه می شود

• توجه: وقتی جاوا اسکریپت خاموش است، متن پیوند نمایش داده می شود
• بسته UI و کد تولید شده را درک کنید
• محدودیت ها و عیب یابی
• نگاشت اجزا به کد موجود

{% کلمه به کلمه %} {% endverbatim %}،

یک بسته UI وارد کنید

هنگامی که یک بسته UI در Figma ایجاد کردید، می توانید آن را به پروژه Android Studio خود وارد کنید. هنگامی که پروژه ساخته می شود، Relay کد Jetpack Compose را تولید می کند.

برای وارد کردن بسته UI به پروژه Android Studio:

1. File > New > Import UI Packages را انتخاب کنید…

   

2. URL فایل Figma را که حاوی بسته UI است وارد کنید.

   

3. روی Next کلیک کنید.

4. بسته های UI را که می خواهید وارد کنید انتخاب کنید. مؤلفه‌هایی که نشان داده می‌شوند به این بستگی دارد که آیا یک مؤلفه، صفحه یا پیوند فایل را جای‌گذاری کرده‌اید. اگر یک بسته UI قبلا وارد شده باشد، برچسب "به روز رسانی" دارد. در غیر این صورت، به عنوان "جدید" نشان داده می شود.

   

5. برای وارد کردن بسته‌های انتخابی و وابستگی‌های آنها به پوشه ui-packages روی Finish کلیک کنید.

صفحه واردات بسته UI

صفحه واردات شامل اطلاعات زیر است:

• یک تصویر پیش نمایش از مؤلفه و انواع آن.
• عنوان و توضیحات
• لیستی از انواع و خواص آنها.
• فهرستی از پارامترهای محتوا و انواع آنها.
• فهرستی از کنترل کننده های تعامل و انواع آنها.

پنجره ابزار بسته UI

افزونه Android Studio یک پنجره ابزار به نام بسته UI اضافه می کند. هر زمان که فایلی را در پوشه بسته UI انتخاب می کنید باز می شود (به عنوان مثال، app/src/main/ui-packages/mycomponent/ ). پنجره ابزار خلاصه ای از بسته UI و محتویات آن را نشان می دهد.

پروژه اندروید خود را بسازید

هنگامی که یک پروژه اندروید استودیو حاوی بسته UI می سازید، پلاگین Relay Gradle کد را از بسته UI تولید کرده و آن را کامپایل می کند. دارایی های فونت نیز دانلود و در پروژه شما کپی می شوند.

اگر می‌خواهید فقط بسته‌های UI وارد شده و نه کل پروژه خود را بسازید، می‌توانید این وظایف خاص Gradle را اجرا کنید:

• generateDebugRelayCode یا generateReleaseRelayCode نسخه های اشکال زدایی یا انتشار کدهای مشتق شده از بسته UI را تولید می کند.
• generateRelayRuntimeCode کتابخانه زمان اجرا مورد استفاده توسط کد تولید شده را ایجاد می کند.

در طول فرآیند ساخت:

1. کد از بسته UI تولید شده و در پوشه های جداگانه ذخیره می شود.
2. تصاویر و فونت ها در یک پوشه منبع تولید شده مشترک کپی می شوند.

مکان پوشه ها در Understand UI Package & Generated Code ثبت شده است.

یک بسته UI را به روز کنید

هنگامی که یک نسخه جدید از یک طرح آماده است، طراح باید یک نسخه جدید با نام از فایل Figma ایجاد کند .

در اندروید استودیو، مطمئن شوید که پنجره ابزار Project در نمای اندروید باشد.

1. در زیر پوشه ui-packages در ماژول خود، روی پوشه بسته(های) UI که می‌خواهید به‌روزرسانی شود کلیک راست کرده و سپس Update UI Package(های) را انتخاب کنید. در مثال زیر، پنج بسته UI را برای به روز رسانی انتخاب کرده ایم.

   

2. همچنین می‌توانید روی پوشه ui-packages کلیک راست کنید تا همه بسته‌های رابط کاربری به‌روزرسانی شوند.

   

{% کلمه به کلمه %} {% آخر کلمه %}

برای شما توصیه می شود

• توجه: وقتی جاوا اسکریپت خاموش است، متن پیوند نمایش داده می شود
• بسته UI و کد تولید شده را درک کنید
• محدودیت ها و عیب یابی
• نگاشت اجزا به کد موجود

{% کلمه به کلمه %} {% آخر کلمه %}