Как эти две части пользовательского интерфейса iPhone выполнены?

Question

Это может быть тривиально для некоторых из вас, но у меня есть два скриншота из Lose It! приложение, в котором мне любопытно, как два разных экрана были объединены.

Первый:

Тот средний график, который показывает график статистики. Это собственное изображение, нарисованное поверх Core Graphics / Quartz для достижения желаемых чисел? Является ли желтая линия, на которую динамически выделяется вся работа Кварца?

И второе:

Это может быть немного проще, но вся строка выглядит как собственный виджет UIKit, который содержит [Бюджет, Еда, Упражнения, Нетто, Под]. Кажется, что над ним есть тень. Они делают тень на UINavigationBar? Является ли меню под ним просто UIImage, который дизайнер смог создать, чтобы он выглядел как UINavigationBar?

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

Answer 1

1) Да, вероятно, это представление, которое использует диаграмму в качестве фона, а затем использует базовую графику для визуализации линии,

2) Это может быть один вид, разделенный на четыре раздела. В каждом разделе есть две строки текста, нарисованные разными цветами. Возможно, что каждый раздел может быть представлением, которое инкапсулирует это поведение.

Я не знаю ни одного блога, который учит этим "трюкам". Это действительно случай понимания того, какие функции доступны, а затем творческого использования его для разработки вашего пользовательского интерфейса.

Например, мы знаем, что это возможно;

• Рисование изображений в разных размерах / положениях.
• Рисование текста разными шрифтами, размерами, цветами, выравниванием
• Рисуем примитивы

Действительно, когда у вас есть такие, вы можете создать почти все.

Я думаю, что есть пример SDK, который демонстрирует использование пользовательских представлений для создания необычных приложений в стиле часового пояса. Это может быть стоит проверить.

Обновление: нашел, это здесь .