iPhone SDK: как нарисовать прямоугольник с закругленными углами с полупрозрачным градиентом и падающей тенью

Я экспериментирую с рисованием на iPhone, вручную создавая части пользовательского интерфейса для своего приложения (в данном случае график). По сути, я хочу нарисовать прямоугольник со скругленными углами, падающей тенью и полупрозрачным градиентом в качестве заливки прямоугольника. Вот снимок экрана моего макета фотошопа: http://img36.imageshack.us/img36/6097/picture1nvf.png

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

Я немного поработал над этим и прочитал все руководство по программированию Core Animation, но я не добился дальнейшего прогресса. Я чувствую, что ответ прямо у меня под носом.

Что мне не хватает?

P.S. Я знаю, что, возможно, я мог бы использовать файл изображения для этого, но я пытаюсь сделать это таким образом, потому что я хочу учиться, и когда-нибудь я хочу сделать с этим более интересную анимацию.


gradient core-animation core-graphics quartz-graphics shadows
person macinjosh    schedule 18.05.2009    source источник

Ответы (1)


arrow_upward
5
arrow_downward

  1. Залейте скругленный прямоугольник тенью. Сделайте эту заливку с непрозрачностью 100% - вы измените прозрачность на следующем шаге.
  2. Залейте тот же прямоугольник с закругленными углами без тени, используя режим наложения Destination Out (1.0 - желаемая непрозрачность). Например, если вы хотите 40%, сделайте вывод «Destination-Out» на 60%. Думайте об этом как об уменьшении непрозрачности изображения.
person Peter Hosey    schedule 18.05.2009