iPhone SDK: So zeichnen Sie ein abgerundetes Rechteck mit einem halbtransparenten Farbverlauf und einem Schlagschatten

Question

Ich experimentiere mit dem Zeichnen auf dem iPhone, indem ich manuell Teile der Benutzeroberfläche für meine Anwendung erstelle (in diesem Fall ein Diagramm). Im Wesentlichen möchte ich ein Rechteck mit abgerundeten Ecken, einen Schlagschatten und einen halbtransparenten Verlauf als Füllung des Rechtecks ​​zeichnen. Hier ist ein Screenshot von meinem Photoshop Mockup: alt text http://img36.imageshack.us/img36/6097/picture1nvf.png

ich bekommen habe hat weit als ein festes Rechteck mit abgerundeten Ecken mit einem Schlagschatten Schaffung eines CALayer verwenden, sondern um die Form und Schlagschatten zu erhalten, zeigen sich bei ich muss nur eine Hintergrundfarbe einstellen, die es mir nicht erlaubt, meinen halbtransparenten Farbverlauf als einzige Füllung der Ebene zu definieren.

Ich habe jetzt schon ein bisschen daran gearbeitet und habe den gesamten Core Animation Programmierungsleitfaden gelesen, aber ich habe keine weiteren Fortschritte gemacht. Ich fühle mich wie die Antwort direkt vor meiner Nase ist.

Was fehlt mir?

PS.Ich weiß, dass ich wahrscheinlich eine Bilddatei verwenden könnte, um dies zu erreichen, aber ich versuche es auf diese Weise, weil ich etwas lernen möchte, und eines Tages möchte ich ein paar bessere Animations-Sachen damit machen.

Answer 1

1. Füllen Sie das abgerundete Rechteck mit dem Schatten. Füllen Sie diese mit einer Deckkraft von 100% - Sie werden die Transparenz im nächsten Schritt erzielen.
2. Füllen Sie das gleiche abgerundete Rechteck ohne den Schatten und verwenden Sie den Mischmodus Ziel-Aus, um (1,0 - die gewünschte Deckkraft). Wenn Sie beispielsweise 40% möchten, wird der Destination-Out um 60% erhöht. Stellen Sie sich vor, dass Sie so viel von der Opazität des Bildes abziehen.