Форум программистов, компьютерный форум CyberForum.ru

Программирование iOS/iPhone

Войти
Регистрация
Восстановить пароль
 
noname_club
 Аватар для noname_club
102 / 90 / 9
Регистрация: 01.05.2013
Сообщений: 577
#1

Один из методов верстки XIB - Программирование iOS/iPhone

23.05.2014, 17:07. Просмотров 554. Ответов 0
Метки нет (Все метки)

Итак, допустим есть PSD/JPG/PNG макет. Вообщем картинка.
И его надо сверстать.

Как это сделать?

Разберем на примере.

Один из методов верстки XIB

1) Анализ того что нужно вырезать (иконки, фоновые и прочее)

В данном макете ничего вырезать не надо, он полностью нативен.
Однако если бы там были бы иконки-кнопки, то пришлось бы вырезать их прежде чем переходить ко второму этапу.

2) Верстка

С чего начать верстку? Понятно что на глаз нельзя определить точные расстояния между элементами интерфейса.
Так же как и нельзя точно определить размер шрифта.

Поэтому берем прототип макета ввиде картинки

Название: Снимок экрана 2014-05-23 в 16.40.59.png
Просмотров: 54

Размер: 11.2 Кб

и тупо загоняем его на XIB

Один из методов верстки XIB

Таким образом сразу видно где что должно находится.

Грубо накидываем контролы.

Один из методов верстки XIB

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

(выделение цветом сделано специально чтобы, лучше показать что именно делается)

Один из методов верстки XIB

3) Результат

В конце удаляем картинку-подложку и получаем сверстанный макет.

Замечание: для полного соответствия данного макета, нужно картинке прописать программную рамку серого цвета. (UIView.layer.border*)

Один из методов верстки XIB

Вывод:

Данный способ верстки дает самый точный результат соответствия исходному макету, так как контролы просто накладываются на шаблон под ними.
Вложения
Тип файла: zip test_maket.zip (48.1 Кб, 2 просмотров)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.05.2014, 17:07     Один из методов верстки XIB
Посмотрите здесь:

C++ Builder Один из методов рандомного расположения Image
Как Вы обычно создаете UI? xib, storyboard или программно?
Выполнить код в цыкле один раз Objective-C
Одна xib, два контролла
C# .NET 4.x Рандомно взять один из методов
Выводится картинка на view сразу при запуске программы и только один раз
Xib вайлы и storyboard
Подскажите на по поводу верстки под iOS
C# Как случайно выбрать и выполнить один из методов?
Загрузка ViewController из xib в storyboard Objective-C
Один из методов численного решения нелинейного уравнения MathCAD
Запуск методов один за другим C#

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Ответ Создать тему
Опции темы

Текущее время: 04:32. Часовой пояс GMT +3.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru