Форум программистов, компьютерный форум, киберфорум
Наши страницы
Программирование iOS/iPhone
Войти
Регистрация
Восстановить пароль
 
noname_club
104 / 95 / 12
Регистрация: 01.05.2013
Сообщений: 600
#1

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

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

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

Как это сделать?
http://www.cyberforum.ru/ios-dev/thread1195829.html

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

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

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

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

2) Верстка

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

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

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

Размер: 11.2 Кб

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

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

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

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

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

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

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

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

3) Результат

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

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

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

Вывод:

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

Одна xib, два контролла
Подскажите Есть одна xib и два контроллера Эти два контроллера отображают...

Как Вы обычно создаете UI? xib, storyboard или программно?
Собственно сабж. Заранее благодарен за ответы...

Загрузка ViewController из xib в storyboard
Здравствуйте! Подскажите, пожалуйста, как решить такую задачу: Есть...

Тонкости верстки. Сделать так чтобы один блок всегда повторял высоту другого, даже если она явно не задана
У меня есть 3 блока. Один родительский, а другие два в нем. Нужно сделать так,...

Запуск методов один за другим
Есть два метода A и B Как сделать так, что бы методы работали поочередно....

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.05.2014, 17:07
Привет! Вот еще темы с решениями:

Один backgroundworker и много методов
Здравствуйте!!!! Такой вопрос: Есть много разных методов, довольно длительных...

Рандомно взять один из методов
как зделать чтоб метод рандомно выберал из 4 методов (причем рандомное...

Один из методов рандомного расположения Image
Привет всем. Хочу сделать рандомное, и в то-же время контролируемое...

Как случайно выбрать и выполнить один из методов?
Вот есть, допустим, такая задача, что есть 5 функция для выполнения, к примеру...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru