Можем ли мы использовать элементы эскиза непосредственно в Xcode?
Я новичок в набросках 3. У меня есть опыт разработки Xcode и iOS.
У меня вопрос, можем ли мы напрямую использовать элементы эскиза в xcode, или эскиз используется только для создания прототипа интерфейса?
Например, если я создаю Label с текстовым полем в эскизе, могу ли я использовать его как UI Label и UITextField в Xcode?
4 ответа
По моему опыту в качестве дизайнера, который также разрабатывает в Xcode, любые решения, которые претендуют на переход непосредственно из Sketch в Xcode, либо через некоторое время становятся vapourware, либо не обеспечивают очень хорошего решения. Я предполагаю, что это потому, что Auto Layout довольно сложен и хрупок.
Лучше всего просто изучить разработку под iOS с помощью раскадровок или, возможно, SwiftUI для верстки. Есть некоторые элементы, которые вы можете перенести из Sketch в Xcode, такие как цвета, типографика и иконография.
Вот список приложений, которые могут вам в этом помочь:
Zeplin: автоматически передает проекты и руководства по стилям с точными спецификациями, активами и фрагментами кода. https://zeplin.io/
InVision: подготовка дизайна к разработке. https://www.invisionapp.com/feature/inspect
Авокадо: открывайте проекты без инструментов дизайна. Экспорт изображений без подготовки слоев. Щелкните слои, чтобы получить код. https://avocode.com/hand-off-and-inspect
Безупречный: инструмент для сравнения ожидаемого дизайна и реального приложения прямо в iOS Simulator (полезно для дизайнеров, использующих Xcode, или мобильных разработчиков). https://flawlessapp.io/
Из Sketch в Xcode: самый быстрый способ перенести цвета из Sketch в Xcode. https://sketchtoxcode.com/ Отказ от ответственности: я разработчик этого приложения.
Как правило, вы используете Sketch только для создания прототипа пользовательского интерфейса. Тем не менее, я гораздо больше разработчик, чем дизайнер. Поэтому, когда мне пришлось превратить все мои монтажные области в код UIKit, я подумал об АВТОМАТИЗАЦИИ! Но никто не сделал плагин для этого. Так я и сделал.
Я создал Sketch Plugin ( http://sketchcodeflow.com/), который делает именно это. Он превращает артборды в код Objective-C UIKit и SpriteKit. Даже экспорт в каталоги активов для @1-3x. Просто #import и напишите одну строку кода в вашем ViewController, и ваше приложение будет запущено. Конечно, это только пользовательский интерфейс. Вы должны будете написать всю логику самостоятельно, хотя есть несколько функций, которые помогут улучшить ваш опыт, таких как анимация и параллакс.
Что касается разработки Label и надежды на то, что она превратится в UILabel, к сожалению, это пока не поддерживается. На данный момент вы можете экспортировать только его изображение в виде png, который будет заполнен UIImageView или UIButton.
У меня была такая же проблема, дизайн уже был подготовлен в Sketch и хотел легко получить код из него. Мы с друзьями работаем над решением для преобразования дизайна в коды пользовательского интерфейса последние 2 года.
Мы разработали платформу Monday Hero, чтобы улучшить этап разработки и сэкономить время на повторяющийся код. https://www.mondayhero.io
В Monday Hero вы можете загрузить дизайн и получить адаптивный код с помощью раскадровки, Xib или только вариантов кода. Вы также можете выбрать элементы в дизайне, сгруппировать их по своему усмотрению для своей библиотеки кода и легко загрузить примерно за 15 минут :) Я мечтал получить код пользовательского интерфейса так легко, я надеюсь, что он также может быть полезен тебе.
Нет возможности интегрировать элементы эскиза в xcode, вы можете использовать подключаемый модуль эскиза, который вы можете купить: https://www.paintcodeapp.com/sketch