Точки

Точки являются координатами x и y, указывающими расположение в пространстве пользователя. Можно вызвать функцию CGContextMoveToPoint указать стартовую позицию для нового подпути. Кварц отслеживает текущую точку, которая является последним расположением, используемым для конструкции пути. Например, если Вы вызываете функцию CGContextMoveToPoint установить расположение в (10,10), который перемещает текущую точку к (10,10). Если Вы тогда проводите горизонтальную линию 50 модулей долго, последняя точка на строке, т.е. (60,10), становится текущей точкой. Строки, дуги и кривые всегда рисуются, запускаясь с текущей точки.

Большую часть времени Вы указываете точку путем передачи Кварцевым функциям двух значений с плавающей точкой для указания координат x и y. Некоторые функции требуют, чтобы Вы передали a CGPoint структура данных, содержащая два значения с плавающей точкой.

Строки

Строка определяется ее конечными точками. Его начальная точка, как всегда предполагается, является текущей точкой, поэтому при создании строки Вы указываете только ее конечную точку. Вы используете функцию CGContextAddLineToPoint добавлять одну строку к подпути.

Можно добавить серию связанных строк к пути путем вызывания функции CGContextAddLines. Вы передаете эту функцию массив точек. Первая точка должна быть начальной точкой первой строки; остающиеся точки являются конечными точками. Кварц начинает новый подпуть в первой точке и подключает сегмент прямой линии к каждой конечной точке.

Дуги

Дуги являются круговыми сегментами. Кварц обеспечивает две функции, создающие дуги. Функция CGContextAddArc создает изогнутый сегмент из круга. Вы указываете центр круга, радиуса и радиального угла (в радианах). Можно создать полный круг путем указания радиального угла 2 пи. Рисунок 3-4 показывает разнообразные пути, нарисованные независимо. Каждый путь содержит случайным образом сгенерированный круг; некоторые переполнены, и другие перечеркиваются.

Функция CGContextAddArcToPoint когда Вы хотите к раунду углы прямоугольника, идеально для использования. Кварц использует конечные точки, которые Вы предоставляете для создания двух строк касательной. Вы также предоставляете радиус круга, от которого Кварц отрезает дугу. Центральная точка дуги является пересечением двух радиусов, каждый из которых перпендикулярен одной из двух строк касательной. Каждая конечная точка дуги является точкой касательной на одной из строк касательной, как показано на рисунке 3-5. Красная часть круга - то, что фактически нарисовано.

Если текущий путь уже содержит подпуть, Кварц добавляет сегмент прямой линии от текущей точки до начальной точки дуги. Если текущий путь пуст, Кварц создает новый подпуть в начальной точке для дуги и не добавляет начальный сегмент прямой линии.

Кривые

Квадратичные и кубические кривые Bézier являются алгебраическими кривыми, которые могут указать любое число интересных криволинейных форм. Точки на этих кривых вычисляются путем применения полиномиальной формулы к начальным и конечным точкам и одной или более контрольных точек. Формы, определенные таким образом, являются основанием для векторной графики. Формула намного более компактна для хранения, чем массив битов и имеет преимущество, что кривая может быть воссоздана в любом разрешении.

Рисунок 3-6 показывает множество кривых, создаваемых путем рисования разнообразных путей независимо. Каждый путь содержит случайным образом сгенерированную кривую; некоторые переполнены, и другие перечеркиваются.

Полиномиальные формулы, дающие повышению к квадратичным и кубическим кривым Bézier и подробным данным о том, как генерировать кривые от формул, обсуждены во многих текстах математики и онлайновых источниках, описывающих компьютерную графику. Эти подробные данные не обсуждены здесь.

Вы используете функцию CGContextAddCurveToPoint для добавления кубической кривой Bézier от текущей точки с помощью контрольных точек и конечной точки, Вы указываете. Рисунок 3-7 показывает кубическую кривую Bézier, следующую из текущей точки, контрольных точек и конечной точки, показанной в числе. Размещение этих двух контрольных точек определяет геометрию кривой. Если контрольные точки и выше начальных и конечных точек, дуги кривой вверх. Если контрольные точки и ниже начальных и конечных точек, дуги кривой вниз. Если вторая контрольная точка ближе к текущей точке (начальная точка), чем первая контрольная точка, кривая пересекает себя, создавая цикл.

Можно добавить квадратичную кривую Bézier от текущей точки путем вызывания функции CGContextAddQuadCurveToPoint, и указывая контрольную точку и конечную точку. Рисунок 3-8 показывает две кривые, следующие из использования тех же конечных точек, но различных контрольных точек. Контрольная точка определяет направление что дуги кривой. Не возможно создать столько интересных форм с квадратичной кривой Bézier, сколько Вы можете с кубическим, потому что квадратичные кривые используют только одну контрольную точку. Например, не возможно создать перекрестное соединение с помощью единственной контрольной точки.

Закрытие подпути

Для закрытия текущего подпути приложение должно вызвать CGContextClosePath. Эта функция добавляет линейный сегмент от текущей точки до начальной точки подпути и закрывает подпуть. Строки, дуги и кривые, заканчивающиеся в начальной точке подпути, фактически не закрывают подпуть. Необходимо явно вызвать CGContextClosePath закрыть подпуть.

Некоторые Кварцевые функции обрабатывают подпути пути, как будто они были закрыты Вашим приложением. Те команды обрабатывают каждый подпуть, как будто Ваше приложение вызвало CGContextClosePath закрыть его, неявно добавляя линейный сегмент к начальной точке подпути.

После закрытия подпути, если Ваше приложение выполняет дополнительные вызовы для добавления строк, дуг или кривых к пути, Кварц начинает новый подпуть, запускающийся в начальной точке подпути, который Вы просто закрыли.

Замещающие знаки

Эллипс является по существу раздавленным кругом. Вы создаете один путем определения двух фокусов и затем графического изображения всех точек, лежащих на расстоянии, таким образом, что добавление расстояния от любой точки на эллипсе к одному фокусу к расстоянию от той же самой точки до другого фокуса всегда является тем же значением. Рисунок 3-9 показывает разнообразные пути, нарисованные независимо. Каждый путь содержит случайным образом сгенерированный эллипс; некоторые переполнены, и другие перечеркиваются.

Можно добавить эллипс к текущему пути путем вызывания функции CGContextAddEllipseInRect. Вы предоставляете прямоугольник, определяющий границы эллипса. Кварц приближает эллипс с помощью последовательности кривых Bézier. Центр эллипса является центром прямоугольника. Если ширина и высота прямоугольника равны (т.е. квадрат), эллипс является проспектом с радиусом, равным половине ширины (или высота) прямоугольника. Если ширина и высота прямоугольника неравны, они определяют главные и незначительные оси эллипса.

Эллипс, добавляющийся к пути, запускается с перемещения - к работе и заканчивается работой подпути завершения всеми перемещениями, ориентированными в направлении по часовой стрелке.

Прямоугольники

Можно добавить прямоугольник к текущему пути путем вызывания функции CGContextAddRect. Вы предоставляете a CGRect структура, содержащая источник прямоугольника и его ширины и высоты.

Прямоугольник, добавляющийся к пути, запускается с перемещения - к работе и заканчивается работой подпути завершения всеми перемещениями, ориентированными в направлении против часовой стрелки.

Можно добавить много прямоугольников к текущему пути путем вызывания функции CGContextAddRects и предоставление массива CGRect структуры. Рисунок 3-10 показывает разнообразные пути, нарисованные независимо. Каждый путь содержит случайным образом сгенерированный прямоугольник; некоторые переполнены, и другие перечеркиваются.

Параметры то перечеркивание влияния

Можно влиять, как путь перечеркивается путем изменения параметров, перечисленных в Таблице 3-1. Эти параметры являются частью состояния графики, что означает, что значение, которое Вы устанавливаете для параметра, влияет на все последующее перечеркивание, пока Вы не устанавливаете параметр на другое значение.

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

Соединение строки указывает, как Кварц рисует соединение между связанными линейными сегментами. Кварц поддерживает стили соединения строки, описанные в Таблице 3-2. Стиль по умолчанию является соединением среза.

Окончание линии указывает метод, используемый CGContextStrokePath нарисовать конечную точку строки. Кварц поддерживает стили окончания линии, описанные в Таблице 3-3. Стиль по умолчанию является прописной буквой торца.

Закрытый подпуть обрабатывает начальную точку как соединение между связанными линейными сегментами; начальная точка представляется с помощью выбранного метода соединения строки. Напротив, если Вы закрываете путь путем добавления линейного сегмента, соединяющегося с начальной точкой, оба конца пути нарисованы с помощью выбранного метода окончания линии.

Пунктирный узор строки позволяет Вам проводить сегментированную линию вдоль перечеркиваемого пути. Вы управляете размером и размещением сегментов тире вдоль строки путем указания массива тире и фазы тире как параметры к CGContextSetLineDash:

void CGContextSetLineDash (

    CGContextRef ctx,

    CGFloat phase,

    const CGFloat lengths[],

    size_t count

);

Элементы lengths параметр указывает ширины тире, чередующихся между нарисованными и непокрашенными сегментами строки. phase параметр указывает начальную точку пунктирного узора. Рисунок 3-11 показывает некоторые пунктирные узоры строки.

Пространство цвета обводки определяет, как значения цвета обводки интерпретируются Кварцем. Можно также указать Кварцевый цвет (CGColorRef тип данных), который инкапсулирует и цветовое и цветовое пространство. Для получения дополнительной информации об установке цветового пространства и цвета, посмотрите Цветовые и Цветовые пространства.

Функции для перечеркивания пути

Кварц обеспечивает функции, показанные в Таблице 3-4 для перечеркивания текущего пути. Некоторые - функции удобства для перечеркивания прямоугольников или замещающих знаков.

Функция CGContextStrokeLineSegments эквивалентно следующему коду:

CGContextBeginPath (context);

for (k = 0; k < count; k += 2) {

    CGContextMoveToPoint(context, s[k].x, s[k].y);

    CGContextAddLineToPoint(context, s[k+1].x, s[k+1].y);

}

CGContextStrokePath(context);

Когда Вы вызываете CGContextStrokeLineSegments, Вы указываете линейные сегменты как массив точек, организованных как пары. Каждая пара состоит из начальной точки линейного сегмента, сопровождаемого конечной точкой линейного сегмента. Например, первая точка в массиве указывает стартовую позицию первой строки, вторая точка указывает конечную позицию первой строки, третья точка указывает стартовую позицию второй строки и т.д.

Заполнение пути

При заполнении текущего пути Кварцевые действия, как будто был закрыт каждый подпуть, содержавшийся в пути. Это тогда использует эти закрытые подпути и вычисляет пиксели для заполнения. Существует два способа, которыми Кварц может вычислить закрашенную область. Простые контуры, такие как овалы и прямоугольники имеют четко определенную область. Но если Ваш путь составлен из перекрывающихся сегментов или если путь включает многократные подпути, такие как концентрические круги, показанные на рисунке 3-12, существует два правила, которые можно использовать для определения закрашенной области.

Правило заливки по умолчанию вызывают ненулевым вьющимся правилом числа. Чтобы определить, должен ли отдельный момент быть нарисован, запустите в точке и чертите линию вне границ получения. Начиная с количества 0, добавьте 1 к количеству каждый раз, когда сегмент контура пересекает строку слева направо, и вычтите 1 каждый раз, когда сегмент контура пересекает строку справа налево. Если результат 0, точка не красится. Иначе, точка красится. Направление, что сегменты контура нарисованы, влияет на результат. Рисунок 3-12 показывает два набора внутренних и внешних кругов, заполняющихся с помощью ненулевого вьющегося правила числа. Когда каждый круг нарисован в том же направлении, оба круга заполнены. Когда круги нарисованы в противоположных направлениях, внутренний круг не заполнен.

Можно решить использовать ровно-нечетное правило. Чтобы определить, должен ли отдельный момент быть нарисован, запустите в точке и чертите линию вне границ получения. Считайте число сегментов контура, которые пересекает строка. Если результат нечетен, точка красится. Если результат даже, точка не красится. Направление, что сегменты контура нарисованы, не влияет на результат. Как Вы видите на рисунке 3-12, он не имеет значения, какое направление каждый круг нарисован, заливка всегда будет как показано.

Кварц обеспечивает функции, показанные в Таблице 3-5 для заполнения текущего пути. Некоторые - функции удобства для перечеркивания прямоугольников или замещающих знаков.

Установка режимов смешивания

Режимы смешивания указывают, как Кварц применяет краску по фону. Кварц использует нормальный режим смешивания по умолчанию, комбинирующий рисование переднего плана с фоновым рисованием с помощью следующей формулы:

result = (alpha * foreground) + (1 - alpha) * background

Цветовые и Цветовые пространства обеспечивают детальное обсуждение альфа-компонента цвета, указывающего непрозрачность цвета. Для примеров в этом разделе можно предположить, что цвет абсолютно непрозрачен (альфа-значение = 1.0). Для непрозрачных цветов, когда Вы красите использующий нормальный режим смешивания, что-либо, которое Вы красите по фону полностью, затеняет фон.

Можно установить режим смешивания для достижения множества эффектов путем вызывания функции CGContextSetBlendMode, передача надлежащего постоянного режима смешивания. Следует иметь в виду, что режим смешивания является частью состояния графики. Если Вы используете функцию CGContextSaveGState до изменения режима смешивания, затем вызывая функцию CGContextRestoreGState сбрасывает режим смешивания к нормальному.

Остальная часть этого раздела показывает результаты рисования прямоугольников, показанных на рисунке 3-13 по прямоугольникам, показанным на рисунке 3-14. В каждом случае (Рисунок 3-15 через рисунок 3-30), фоновые прямоугольники красятся с помощью нормального режима смешивания. Тогда режим смешивания изменяется путем вызывания функции CGContextSetBlendMode с надлежащей константой. Наконец, приоритетные прямоугольники красятся.

foregroundFigure 3-14

Нормальный режим смешивания

Поскольку нормальный режим смешивания является режимом смешивания по умолчанию, Вы вызываете функцию CGContextSetBlendMode с константой kCGBlendModeNormal только для сброса режима смешивания назад к значению по умолчанию после использования одной из других констант режима смешивания. Рисунок 3-15 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью нормального режима смешивания.

Умножьте режим смешивания

Умножьтесь режим смешивания указывает для умножения выборок изображения переднего раздела с выборками фонового изображения. Итоговые цвета являются, по крайней мере, столь же темными как любой из двух способствующих демонстрационных цветов. Рисунок 3-16 показывает, что результат рисования рисунка 3-13 по использованию рисунка 3-14 умножает режим смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeMultiply.

Экранируйте режим смешивания

Экранный режим смешивания указывает для умножения инверсии выборок изображения переднего раздела с инверсией выборок фонового изображения. Итоговые цвета, по крайней мере, так же легки как любой из двух способствующих демонстрационных цветов. Рисунок 3-17 показывает, что результат рисования рисунка 3-13 по использованию рисунка 3-14 экранирует режим смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeScreen.

Наложите режим смешивания

Режим смешивания наложения указывает, чтобы или умножить или экранировать выборки изображения переднего раздела с выборками фонового изображения, в зависимости от цвета фона. Цвет фона смешивается с основным цветом для отражения легкости или темноты фона. Рисунок 3-18 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания наложения. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeOverlay.

Затемните режим смешивания

Указывает для создания составных выборок изображения путем выбора более темных выборок (или от изображения переднего раздела или от фона). Выборки фонового изображения заменяются любыми выборками изображения переднего раздела, которые являются более темными. Иначе, выборки фонового изображения оставлены без изменений. Рисунок 3-19 показывает, что результат рисования рисунка 3-13 по использованию рисунка 3-14 затемняет режим смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeDarken.

Осветите режим смешивания

Указывает для создания составных выборок изображения путем выбора более легких выборок (или от переднего плана или от фона). Результат состоит в том, что выборки фонового изображения заменяются любыми выборками изображения переднего раздела, которые легче. Иначе, выборки фонового изображения оставлены без изменений. Рисунок 3-20 показывает, что результат рисования рисунка 3-13 по использованию рисунка 3-14 освещает режим смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeLighten.

Цветной Dodge Blend Mode

Указывает для прояснения выборок фонового изображения для отражения выборок изображения переднего раздела. Демонстрационные значения изображения переднего раздела, указывающие черный, не вызывают изменение. Рисунок 3-21 показывает, что результат рисования рисунка 3-13 по рисунку 3-14 с помощью цвета избегает режима смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeColorDodge.

Цветной режим смешивания записи

Указывает для затемнения выборок фонового изображения для отражения выборок изображения переднего раздела. Демонстрационные значения изображения переднего раздела, указывающие белый, не вызывают изменение. Рисунок 3-22 показывает, что результат рисования рисунка 3-13 по рисунку 3-14 с помощью цвета записывает режим смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeColorBurn.

Режим смешивания рассеянного света

Указывает, чтобы или затемнить или осветить цвета, в зависимости от демонстрационного цвета изображения переднего раздела. Если демонстрационный цвет изображения переднего раздела легче, чем 50%-й серый, фон освещается, подобен уклонению. Если демонстрационный цвет изображения переднего раздела является более темным, чем 50%-й серый, фон затемняется, подобен записи. Если демонстрационный цвет изображения переднего раздела равен 50%-му серому, фон не изменяется. Выборки изображения, которые равны чистому черному или чистому белому продукту более темные или более легкие области, но не приводят к чистому черному или белый. Полный эффект подобен тому, чего Вы достигли бы путем блистания рассеянный центр внимания на изображении переднего раздела. Используйте это для добавления выделений к сцене. Рисунок 3-23 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания рассеянного света. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeSoftLight.

Режим смешивания жесткого света

Указывает для или умножения или цвета экрана, в зависимости от демонстрационного цвета изображения переднего раздела. Если демонстрационный цвет изображения переднего раздела легче, чем 50%-й серый, фон освещается, подобен экранированию. Если демонстрационный цвет изображения переднего раздела является более темным, чем 50%-й серый, фон затемняется, подобен умножению. Если демонстрационный цвет изображения переднего раздела равен 50%-му серому, изображение переднего раздела не изменяется. Выборки изображения, которые являются равными чистому черному или чистому белому результату в чистом черном или белыми. Полный эффект подобен тому, чего Вы достигли бы путем блистания резкий центр внимания на изображении переднего раздела. Используйте это для добавления выделений к сцене. Рисунок 3-24 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания жесткого света. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeHardLight.

Режим смешивания различия

Указывает для вычитания или демонстрационного цвета изображения переднего раздела из демонстрационного цвета фонового изображения или реверса, в зависимости от которого выборка имеет большее значение яркости. Демонстрационные значения изображения переднего раздела, которые являются черными, не вызывают изменения; белое инвертирование значения цвета фона. Рисунок 3-25 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания различия. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeDifference.

Режим смешивания исключения

Указывает эффект, подобный произведенному kCGBlendModeDifference, но с более низким контрастом. Демонстрационные значения изображения переднего раздела, которые являются черными, не вызывают изменение; белое инвертирование значения цвета фона. Рисунок 3-26 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания исключения. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeExclusion.

Режим смешивания оттенка

Указывает для использования яркости и степеней насыщения фона с оттенком изображения переднего раздела. Рисунок 3-27 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания оттенка. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeHue.

Режим смешивания насыщенности

Указывает для использования яркости и значений оттенка фона с насыщенностью изображения переднего раздела. Области фона, не имеющие никакой насыщенности (т.е. чистые серые области) не вызывают изменение. Рисунок 3-28 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания насыщенности. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeSaturation.

Цветной режим смешивания

Указывает для использования значений яркости фона с оттенком и степенями насыщения изображения переднего раздела. Этот режим сохраняет уровни серого в изображении. Можно использовать этот режим, чтобы окрасить монохромные изображения или окрасить цветные изображения. Рисунок 3-29 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью цветного режима смешивания. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeColor.

Режим смешивания яркости

Указывает для использования оттенка и насыщенности фона с яркостью изображения переднего раздела. Этот режим создает эффект, который является обратным к эффекту, создаваемому kCGBlendModeColor. Рисунок 3-30 показывает результат рисования рисунка 3-13 по рисунку 3-14 с помощью режима смешивания яркости. Для использования этого режима смешивания вызовите функцию CGContextSetBlendMode с константой kCGBlendModeLuminosity.