Пользовательский интерфейс: PSD для iOS - PullRequest
3 голосов
/ 29 января 2012

Глядя на dribbble, я начал задавать себе вопрос, как реализовать собственный пользовательский интерфейс в Xcode в качестве внутреннего разработчика.

Предположим, у меня есть файл Photoshop со слоями со всем макетомКак бы я в основном перенести его на iOS?

Мне любопытно получить ответы на некоторые вопросы!

Ответы [ 3 ]

7 голосов
/ 07 апреля 2012

Как правильно упомянул hotpaw2, вы создаете каждый объект (кнопку, текстовые поля, элемент управления сегментами и т. Д.) В фотошопе и применяете нужные эффекты ( Тень, Градиент, Штрих, Внутренняя тень и т. Д.) .

Чтобы создать кнопку, нарисуйте прямоугольник (с радиусом, если необходимо) и примените эффекты к этому слою из Слой > Стили слоя > Drop Shadow .

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

Как только кнопка будет готова в Photoshop, в окнах слоев выберите этот слой, перейдите на вкладку Пути и щелкните правой кнопкой мыши этот слой и выберите « Сделать выделение », выберите Копировать Объедините из меню «Правка» и создайте новый документ, вставьте слой копий и выберите Сохранить его для Web из меню «Файл», сохраните его как PNG24 с прозрачностью.

 // Image with cap insets sample code:
 UIImage *buttonImage = [[UIImage imageNamed:@"blueButton"]  resizableImageWithCapInsets:UIEdgeInsetsMake(0, 16, 0, 16)];

Это приводит к тому, что левый и правый 16 пикселей изображения кнопки не масштабируются или не изменяются в размере, а центральная часть изображения подлежит масштабированию.

Всего наилучшего.

2 голосов
/ 29 января 2012

Вы можете преобразовать каждый слой Photoshop в файл PNG с прозрачностью при необходимости, а затем назначить изображения PNG различным UIViews или UIControls, либо в коде Objective C, либо с помощью инструмента Xcode Interface Builder.

1 голос
/ 12 апреля 2014

Я думаю, что это лучший способ сделать это - преобразовать ваш psd-файл в html-файл с помощью css и изображений (конечно), и после того, как вы создадите конвертер, который получит эти файлы в качестве входных данных и сгенерирует файлы xcode ( .h, .m и xib). Я думаю, что этот вид конвертера поможет нам (разработчикам) выполнить свою работу и сэкономит много времени, выполняя интеграцию

...