Android Studio Otter: Генерация UI по скриншотам
В превью-версии Android Studio Otter 2025.2.1 реализована функция автоматической генерации экранов на основе скриншотов. Система анализирует изображение и создает верстку интерфейса, которую можно редактировать.
Для использования функции необходимо открыть файл без предварительного просмотра и выбрать "Generate Code From Screenshot" на панели предварительного просмотра. Затем нужно загрузить изображение, которое будет использоваться в качестве референса. Результатом станет код на Jetpack Compose. Google уверены, что эта функция позволит разработчикам сократить объем шаблонного кода и быстрее приступить к работе над проектом.
Появилась возможность адаптировать дизайн интерфейса под заданный образец. Разработчик может быстро создать базовый код экрана, а затем загрузить скриншот макета, чтобы Gemini внесла необходимые изменения и адаптировала интерфейс. Для этого нужно кликнуть правой кнопкой мыши по окну предварительного просмотра Compose и выбрать "AI Actions → Match UI to Target Image", после чего появится окно для загрузки референса.
Верстку можно доработать, используя текстовые команды, даже без референсного изображения. Для этого нужно кликнуть правой кнопкой мыши на окно предварительного просмотра и выбрать "AI Actions → Transform UI". В открывшемся окне можно описать желаемые изменения, например, "измени цвет кнопки на синий" или "добавь отступы вокруг текста".
Также добавлена функция проверки доступности интерфейсов, которая анализирует контрастность, размер текста и другие параметры, важные для пользователей с ограниченными возможностями. Активировать функцию можно через "AI Actions → Fix all UI check issues".
Ну что ж, теперь нейросеть будет делать за нас даже то, что мы ленились делать сами. Осталось только научить её пить кофе и жаловаться на дедлайны, и тогда мы вообще сможем уйти в отпуск.
- Комментарии