Рабочий процесс Android Studio

Импортировать пакет пользовательского интерфейса

Создав пакет пользовательского интерфейса в Figma, вы можете импортировать его в свой проект Android Studio. Когда проект собран, Relay генерирует код Jetpack Compose.

Чтобы импортировать пакет пользовательского интерфейса в проект Android Studio:

1. Выберите «Файл» > «Создать» > «Импортировать пакеты пользовательского интерфейса…».

   

2. Введите URL-адрес файла Figma, содержащего пакет пользовательского интерфейса.

   

3. Нажмите Далее .

4. Выберите пакеты пользовательского интерфейса, которые вы хотите импортировать. Отображаемые компоненты зависят от того, вставили ли вы компонент, страницу или ссылку на файл. Если пакет пользовательского интерфейса уже импортирован, он помечен как «ОБНОВЛЕНО». В противном случае он отображается как «НОВЫЙ».

   

   Примечание. Пакеты пользовательского интерфейса, вложенные в другой пакет пользовательского интерфейса, автоматически импортируются, если выбран родительский пакет.

5. Нажмите «Готово» , чтобы импортировать выбранные пакеты и их зависимости в папку ui-packages .

Экран импорта пакета пользовательского интерфейса

Экран импорта содержит следующую информацию:

• Изображение предварительного просмотра компонента и его вариантов.
• Название и описание.
• Список вариантов и их свойств.
• Список параметров контента и их типов.
• Список обработчиков взаимодействия и их типов.

Окно инструмента «Пакет пользовательского интерфейса»

Плагин Android Studio добавляет окно инструмента под названием UI Package . Он открывается всякий раз, когда вы выбираете файл в папке пакета пользовательского интерфейса (например, app/src/main/ui-packages/mycomponent/ ). В окне инструмента отображается сводная информация о пакете пользовательского интерфейса и его содержимом.

Создайте свой Android-проект

Когда вы создаете проект Android Studio, содержащий пакет пользовательского интерфейса, плагин Relay Gradle генерирует код из пакета пользовательского интерфейса и компилирует его. Ресурсы шрифтов также загружаются и копируются в ваш проект.

Если вы хотите собрать только импортированные пакеты пользовательского интерфейса, а не весь проект, вы можете запустить следующие конкретные задачи Gradle:

• generateDebugRelayCode generateReleaseRelayCode создает версии отладки или выпуска кода, полученного из пакета пользовательского интерфейса.
• generateRelayRuntimeCode создает библиотеку времени выполнения, используемую сгенерированным кодом.

В процессе сборки:

1. Код генерируется из пакета пользовательского интерфейса и хранится в отдельных папках.
2. Изображения и шрифты копируются в общую созданную папку ресурсов.

Расположение папок описано в разделе Общие сведения о пакете пользовательского интерфейса и сгенерированном коде .

Предупреждение. Обычно код повторно генерируется при сборке, если пакет пользовательского интерфейса был обновлен с момента последней сборки. Однако обновление зависимости, расположенной за пределами каталога ui-packages не приводит к принудительной регенерации кода при сборке проекта. Это может произойти, если файл является файлом сопоставления темы или файлом ссылочного компонента.

Обходной путь: чтобы принудительно обновить сгенерированный код, очистите проект (перейдите в раздел «Сборка» > «Очистить проект» ) или удалите папку сгенерированного кода, связанную с пакетом пользовательского интерфейса, который необходимо обновить. Затем постройте снова.

Обновление пакета пользовательского интерфейса

Когда новая версия дизайна готова, дизайнер должен создать новую именованную версию файла Figma .

В Android Studio убедитесь, что окно инструмента «Проект» находится в представлении Android.

1. В папке ui-packages вашего модуля щелкните правой кнопкой мыши папку пакетов пользовательского интерфейса, которую вы хотите обновить, а затем выберите «Обновить пакеты пользовательского интерфейса» . В следующем примере мы выбрали пять пакетов пользовательского интерфейса для обновления.

   

2. Вы также можете щелкнуть правой кнопкой мыши папку ui-packages , чтобы обновить все пакеты пользовательского интерфейса.

   

Примечание. Если вы не видите папку ui-packages в представлении Android, перейдите в представление «Проект», а затем в модуле перейдите к src/main/ui-packages . Также может помочь щелкнуть правой кнопкой мыши папку верхнего уровня и выбрать «Перезагрузить с диска».

{% дословно %} {% endverbatim %} ,

Импортировать пакет пользовательского интерфейса

Создав пакет пользовательского интерфейса в Figma, вы можете импортировать его в свой проект Android Studio. Когда проект собран, Relay генерирует код Jetpack Compose.

Чтобы импортировать пакет пользовательского интерфейса в проект Android Studio:

1. Выберите «Файл» > «Создать» > «Импортировать пакеты пользовательского интерфейса…».

   

2. Введите URL-адрес файла Figma, содержащего пакет пользовательского интерфейса.

   

3. Нажмите Далее .

4. Выберите пакеты пользовательского интерфейса, которые вы хотите импортировать. Отображаемые компоненты зависят от того, вставили ли вы компонент, страницу или ссылку на файл. Если пакет пользовательского интерфейса уже импортирован, он помечен как «ОБНОВЛЕНО». В противном случае он отображается как «НОВЫЙ».

   

   Примечание. Пакеты пользовательского интерфейса, вложенные в другой пакет пользовательского интерфейса, автоматически импортируются, если выбран родительский пакет.

5. Нажмите «Готово» , чтобы импортировать выбранные пакеты и их зависимости в папку ui-packages .

Экран импорта пакета пользовательского интерфейса

Экран импорта содержит следующую информацию:

• Изображение предварительного просмотра компонента и его вариантов.
• Название и описание.
• Список вариантов и их свойств.
• Список параметров контента и их типов.
• Список обработчиков взаимодействия и их типов.

Окно инструмента «Пакет пользовательского интерфейса»

Плагин Android Studio добавляет окно инструмента под названием UI Package . Он открывается всякий раз, когда вы выбираете файл в папке пакета пользовательского интерфейса (например, app/src/main/ui-packages/mycomponent/ ). В окне инструмента отображается сводная информация о пакете пользовательского интерфейса и его содержимом.

Создайте свой Android-проект

Когда вы создаете проект Android Studio, содержащий пакет пользовательского интерфейса, плагин Relay Gradle генерирует код из пакета пользовательского интерфейса и компилирует его. Ресурсы шрифтов также загружаются и копируются в ваш проект.

Если вы хотите собрать только импортированные пакеты пользовательского интерфейса, а не весь проект, вы можете запустить следующие конкретные задачи Gradle:

• generateDebugRelayCode generateReleaseRelayCode создает версии отладки или выпуска кода, полученного из пакета пользовательского интерфейса.
• generateRelayRuntimeCode создает библиотеку времени выполнения, используемую сгенерированным кодом.

В процессе сборки:

1. Код генерируется из пакета пользовательского интерфейса и хранится в отдельных папках.
2. Изображения и шрифты копируются в общую созданную папку ресурсов.

Расположение папок описано в разделе Общие сведения о пакете пользовательского интерфейса и сгенерированном коде .

Предупреждение. Обычно код повторно генерируется при сборке, если пакет пользовательского интерфейса был обновлен с момента последней сборки. Однако обновление зависимости, расположенной за пределами каталога ui-packages не приводит к принудительной регенерации кода при сборке проекта. Это может произойти, если файл является файлом сопоставления темы или файлом ссылочного компонента.

Обходной путь: чтобы принудительно обновить сгенерированный код, очистите проект (перейдите в раздел «Сборка» > «Очистить проект» ) или удалите папку сгенерированного кода, связанную с пакетом пользовательского интерфейса, который необходимо обновить. Затем постройте снова.

Обновление пакета пользовательского интерфейса

Когда новая версия дизайна готова, дизайнер должен создать новую именованную версию файла Figma .

В Android Studio убедитесь, что окно инструмента «Проект» находится в представлении Android.

1. В папке ui-packages вашего модуля щелкните правой кнопкой мыши папку пакетов пользовательского интерфейса, которую вы хотите обновить, а затем выберите «Обновить пакеты пользовательского интерфейса» . В следующем примере мы выбрали пять пакетов пользовательского интерфейса для обновления.

   

2. Вы также можете щелкнуть правой кнопкой мыши папку ui-packages , чтобы обновить все пакеты пользовательского интерфейса.

   

Примечание. Если вы не видите папку ui-packages в представлении Android, перейдите в представление «Проект», а затем в модуле перейдите в src/main/ui-packages . Также может помочь щелкнуть правой кнопкой мыши папку верхнего уровня и выбрать «Перезагрузить с диска».

{% дословно %} {% endverbatim %} ,

Импортировать пакет пользовательского интерфейса

Создав пакет пользовательского интерфейса в Figma, вы можете импортировать его в свой проект Android Studio. Когда проект собран, Relay генерирует код Jetpack Compose.

Чтобы импортировать пакет пользовательского интерфейса в проект Android Studio:

1. Выберите «Файл» > «Создать» > «Импортировать пакеты пользовательского интерфейса…».

   

2. Введите URL-адрес файла Figma, содержащего пакет пользовательского интерфейса.

   

3. Нажмите Далее .

4. Выберите пакеты пользовательского интерфейса, которые вы хотите импортировать. Отображаемые компоненты зависят от того, вставили ли вы компонент, страницу или ссылку на файл. Если пакет пользовательского интерфейса уже импортирован, он помечен как «ОБНОВЛЕНО». В противном случае он отображается как «НОВЫЙ».

   

   Примечание. Пакеты пользовательского интерфейса, вложенные в другой пакет пользовательского интерфейса, автоматически импортируются, если выбран родительский пакет.

5. Нажмите «Готово» , чтобы импортировать выбранные пакеты и их зависимости в папку ui-packages .

Экран импорта пакета пользовательского интерфейса

Экран импорта содержит следующую информацию:

• Изображение предварительного просмотра компонента и его вариантов.
• Название и описание.
• Список вариантов и их свойств.
• Список параметров контента и их типы.
• Список обработчиков взаимодействия и их типов.

Окно инструмента «Пакет пользовательского интерфейса»

Плагин Android Studio добавляет окно инструмента под названием UI Package . Он открывается всякий раз, когда вы выбираете файл в папке пакета пользовательского интерфейса (например, app/src/main/ui-packages/mycomponent/ ). В окне инструмента отображается сводная информация о пакете пользовательского интерфейса и его содержимом.

Создайте свой Android-проект

Когда вы создаете проект Android Studio, содержащий пакет пользовательского интерфейса, плагин Relay Gradle генерирует код из пакета пользовательского интерфейса и компилирует его. Ресурсы шрифтов также загружаются и копируются в ваш проект.

Если вы хотите собрать только импортированные пакеты пользовательского интерфейса, а не весь проект, вы можете запустить следующие конкретные задачи Gradle:

• generateDebugRelayCode generateReleaseRelayCode создает отладочные или выпускные версии кода, полученные из пакета пользовательского интерфейса.
• generateRelayRuntimeCode создает библиотеку времени выполнения, используемую сгенерированным кодом.

В процессе сборки:

1. Код генерируется из пакета пользовательского интерфейса и хранится в отдельных папках.
2. Изображения и шрифты копируются в общую созданную папку ресурсов.

Расположение папок описано в разделе Общие сведения о пакете пользовательского интерфейса и сгенерированном коде .

Предупреждение. Обычно код повторно генерируется при сборке, если пакет пользовательского интерфейса был обновлен с момента последней сборки. Однако обновление зависимости, расположенной за пределами каталога ui-packages не приводит к принудительной регенерации кода при сборке проекта. Это может произойти, если файл является файлом сопоставления темы или файлом ссылочного компонента.

Обходной путь: чтобы принудительно обновить сгенерированный код, очистите проект (перейдите в раздел «Сборка» > «Очистить проект» ) или удалите папку сгенерированного кода, связанную с пакетом пользовательского интерфейса, который необходимо обновить. Затем постройте снова.

Обновление пакета пользовательского интерфейса

Когда новая версия дизайна готова, дизайнер должен создать новую именованную версию файла Figma .

В Android Studio убедитесь, что окно инструмента «Проект» находится в представлении Android.

1. В папке ui-packages вашего модуля щелкните правой кнопкой мыши папку пакетов пользовательского интерфейса, которую вы хотите обновить, а затем выберите «Обновить пакеты пользовательского интерфейса» . В следующем примере мы выбрали пять пакетов пользовательского интерфейса для обновления.

   

2. Вы также можете щелкнуть правой кнопкой мыши папку ui-packages , чтобы обновить все пакеты пользовательского интерфейса.

   

Примечание. Если вы не видите папку ui-packages в представлении Android, перейдите в представление «Проект», а затем в модуле перейдите в src/main/ui-packages . Также может помочь щелкнуть правой кнопкой мыши папку верхнего уровня и выбрать «Перезагрузить с диска».

{% дословно %} {% дословно %}