Форум программистов, компьютерный форум, киберфорум
Наши страницы

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

Войти
Регистрация
Восстановить пароль
 
noname_club
103 / 94 / 10
Регистрация: 01.05.2013
Сообщений: 598
#1

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

23.05.2014, 17:07. Просмотров 609. Ответов 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

Вывод:

Данный способ верстки дает самый точный результат соответствия исходному макету, так как контролы просто накладываются на шаблон под ними.
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 вайлы и storyboard - Программирование iOS
Всем доброго времени суток. Хотелось бы по подробнее узнать о xib файлах и storyboard. Все что я об этом знаю - это то, что storyboard...

Одна xib, два контролла - Программирование iOS
Подскажите Есть одна xib и два контроллера Эти два контроллера отображают одни и теже данные, только разными способами (через интернет...

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

Загрузка ViewController из xib в storyboard - Objective-C
Здравствуйте! Подскажите, пожалуйста, как решить такую задачу: Есть storyboard (в перспективе даже несколько), в разных местах которой...

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

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

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

.NET 4.x Рандомно взять один из методов - C#
как зделать чтоб метод рандомно выберал из 4 методов (причем рандомное количество раз?)

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

Один из методов численного решения нелинейного уравнения - MathCAD
Функция y = f(x) задана неявно уравнением F(x,y) = 0. На отрезке построить таблицу значений функции y=f(x) с шагом h=0.5, применяя один из...

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


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

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

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