Comments 10
пример xml на выходе можете показать?
Вот примеры видео
https://www.youtube.com/watch?v=UAX1FXRFouw
https://www.youtube.com/watch?v=2Cue6R7TfjA
Сейчас попробую залить пример xib на iOS и xml на Android
Но их лучше смотреть в проекте
Будут скачены все изображения в проект
https://github.com/mrustaa/GifPresentations/blob/master/xibXml/result_ios.xib
https://github.com/mrustaa/GifPresentations/blob/master/xibXml/result_android.xml
Для быстрого теста можете сразу
- Скомпилировать проект на Xcode в Cимуляторе
- Добавить мой токен доступа: "307777-31cd695c-e91e-4f63-b6fd-075d084b7b22"
- И добавить один из ID проектов
"p8skNy0MEF3ofEJCfiNHSD" - Random UI elements
"QuMHHgJLyReVkmyBQNmo0R" - Screens 5 Untitled
"lT0qXLejtXLUPiqg1oK73f" - Screens 1 Scaner
"u9ynMlczELKIgW171dIAuA" - Screens Neo Morphism
Очень ждал, когда появится нечто похожее, но
Вы, конечно, извините, но это ужас.
Смысл констраинтов в том, чтобы структура была максимально флет, а не миллион констраинтов в одном хмл файле. Один констраинт, и внутри другие вьюшки с позиционированием. Зачем использовать констреинт, если нужно просто сделать вьюшку с цветным бекграундом? Так же стоит пересмотреть все размеры - никто в продакшене так не хардкодит размеры.
Если есть живая апка в проде, которую можно поставить с маркета - которая сделана через этот экспорт - хочу посмотреть на сколько дизайн вживую резиновый
Да я знаю.
Констраинты надо снести.
Это просто мои эксперименты поддержки AutoLayout - в этом xib файле, который я скинул.
Проект еще не может генерировать констраинты. Поэтому их там нет пока.
Просто там сложный механизм. Мне нужно время в общем))).
Да и вообще это больше ручная работа расстановки.
+ Вообще в планах передавать контреинты из проекта фигмы в xcode xib xml
(как было бы правильно).
Мы от этой идеи года 3 назад отказались. Было интересно посмотреть на ваш прогресс. Проблема в том, что Диз раньше научится верстать xml, чем правильно настраивать фирму)
Вот примеры моих приложений
UI элементы которых, собраны через этот конвертер
- https://apps.apple.com/ru/app/кофейная-карта/id1396261115
- https://play.google.com/store/apps/details?id=mrusta.coffeeMapAndroid
Ну сейчас много всяких проектов, которые позволяют сразу строить интерфейсы
SwiftUI, FlutterFlow
- Но тут все равно приходится программно создавать и настраивать вьюшки.
Зачем, когда их можно просто нарисовать и получить результат, в виде xml.
+ Многие дизайнеры интерфейсов сидят в Figma.
А если они сидят в Sketch или Zeplin, то их проекты все равно можно преобразовать в проект Figma.
- Но тут все равно приходится программно создавать и настраивать вьюшки. Зачем, когда их можно просто нарисовать и получить результат, в виде xml.
Дело в том, что интерфейс нужно не просто нарисовать, а ещё и вносить изменения в него. И вот вносить изменения в SwiftUI‐код куда удобнее, проще и быстрее, чем разбираться в месиве из xml‐кода
Пример приложения "Кофейни"
UI элементы которых, собраны через этот конвертерМожно посмотреть в проекте, как строить UI приложения,
с полученными xib/xml-ами вьюшками, ячейками спика
Xcode проект
git clone https://mrustaa@bitbucket.org/mrustaa/coffeefigmaxib.gitFigma проект
https://www.figma.com/file/jrZm4sA3ljQjDnsXwocv8W/☕️Coffee-FigmaXib
Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml