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

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

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

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

23.05.2014, 17:07. Просмотров 580. Ответов 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
Посмотрите здесь:
Xib вайлы и storyboard
Загрузка ViewController из xib в storyboard Objective-C
Одна xib, два контролла
Как Вы обычно создаете UI? xib, storyboard или программно?
Подскажите на по поводу верстки под iOS
Запуск методов один за другим C#
C# .NET 4.x Рандомно взять один из методов
C++ Builder Один из методов рандомного расположения Image
Один из методов численного решения нелинейного уравнения MathCAD
C# Как случайно выбрать и выполнить один из методов?
Отсортировать одномерный массив Используя один из методов сортировки. Pascal ABC
Pascal Шифрование информации в файле, используя один из известных методов с возможностью дальнейшей дешифровки

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

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

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