[4] Дневник разработки AppleInsider.ru для iOS 7

15

AppleInsider.ru для iOS 7

Мы продолжаем рассказывать вам о том, как продвигается процесс разработки обновленной версии приложения AppleInsider.ru под iOS 7. Повествование ведет лично генеральный директор студии Unreal Mojo Слава Карпенко, поэтому интересное и информативное чтиво гарантировано. Сегодня мы предлагаем вам очередную запись этого дневника.

День 5

В прошлый раз остановился на том, что нужно реализовать класс ячейки для отображения списка новостей, потому в этот заход занялся именно им.
Итак, имеем PSD-файл, в котором дизайнер нарисовал внешний вид таблицы:

AppleInsider.ru для iOS 7

Второй строчкой изображён вариант, когда пользователь провел пальцем слева направо и открыл кнопки для шеринга / добавления в Избранное.

Почти всё из этого может быть легко нарисовано без разрезания дизайна непосредственно из PSD (кроме кнопок шеринга и индикатора непрочитанной статьи в правом нижнем углу), потому приступим к набрасыванию скелета строчки для таблицы:

AppleInsider.ru для iOS 7

Можно применить фантазию и сопоставить ячейку с тем, что есть на дизайне выше. Далее подключаем outlet’ы к классу ячейки, регистрируем этот новый класс с классом таблицы, пишем немного кода, который будет рисовать закруглённую рамочку, и вуаля!

AppleInsider.ru для iOS 7

Пока всё неплохо. Следующим шагом реализую сдвиг ячейки таблицы при помощи DMSlidingCell. Кнопок пока тут нет, потому использую тестовый UILabel, чтобы понять, что всё сработало:

AppleInsider.ru для iOS 7

Ещё немного работы: вырезаю из PSD картинки для кнопок шеринга и вставляю их в плашку заднего плана ячейки, а также подключаю код, который будет показывать время написания статей (названия статей мы пока не получаем с сервера):

AppleInsider.ru для iOS 7

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

Первый подход: реализую в виде UIView, в котором лежат одновременно UILabel и другой UIView, рисующий закругленную подложку красного или фиолетового цвета. Сразу же есть подозрения, что это будет тормозить при скролле, но всё-таки довожу работу до конца. От того, что указанные выше subviews я создаю программно, заодно учусь программно же заводить constraints, чтобы они правильно располагались при изменении размеров (закруглённая подложка должна быть изменяемой ширины в зависимости от цифры на ней). Крибле-крабле-бумс:

AppleInsider.ru для iOS 7

В работе действительно тормозит. Мда, ну и ладно, зато я узнал что-то новое, а это, собственно, то, ради чего я вообще чего-то пишу.

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

На этом пока всё. Оставайтесь с нами, тру-ля-ля. В следующий раз займусь получением информации о статьях с сервера, то есть работа «под капотом», потому картинок будет меньше.

< Предыдущая запись
Следующая запись >

15 комментариев

  1. 0

    С какой целью вы это выкладывайте? Имитация процесса работы? Мол делаем))
    Я лично не особо жду и мне без разницы какой дизайн)) поэтому я максимально в стороне этого вопроса.
    Но складывается именно такое впечатление. (отправлено из приложения AppleInsider.ru)

    • 0

      AlexGoldMy, Ну как с какой целью это выкладывают? Для развлечения, разбавить ленту новостей. Неужели вам неинтересно? Я не про дизайн даже, а про сам дневник. Слава так пишет классно, с юмором и в каком-то своём стиле замечательном. Круто же, нет? 😉 (отправлено из приложения AppleInsider.ru)

  2. 0

    А мне нравится, понимаешь приблизительно какой этап разработки (отправлено из приложения AppleInsider.ru)

    • 0

      TheGameHow, Если бы Вы программировали, то Вы бы поняли на каком этапе, а то что видите тут, пыль в глаза, игра со шрифтом.

  3. 0

    Очень интересно! Спасибо! (отправлено из приложения AppleInsider.ru)

  4. 0

    Лучше выпустить обнову и потом расписывайте как делали 🙂 (отправлено из приложения AppleInsider.ru)

  5. 0

    Деталей, больше технических деталей, кода! )
    Продолжайте!!!

  6. 0
    balloonycs0boy

    Такие кнопки совсем не в стиле новой iOS, а хотелось бы видеть их действительно плоскими м минималистичными 😉 (отправлено из приложения AppleInsider.ru)

  7. 0

    Комментарий автора был удален…

  8. 0

    Единственная Статья!…
    Которую можно с интересом читать!

  9. 0

    Ренат сделайте «модератора» поумнее детский мат он пропускает а Нормальный язык нет!

  10. 0

    Хорошая статья!
    А Остальное либо для новичков( и слава богу)!
    Либо для «школьных» гопников Не Желающих работать но «Мечтающих»=жаждущих очередную игрульку(кол-во постов)…
    Либо Неподдельный Детский сад и Водичка из Твиттерочков!… Весь Смысл можно уложить в одну две фразы(если он вообще есть)…
    Уровень читателя «приземлился» соответственно (а ведь они даже зарабатывать не умеют)… Если это монетизация то тоже ошибка… как понабежали так и убегут…

Авторизуйтесь Чтобы оставить комментарий