SDK iPhone: comment dessiner un rectangle arrondi avec un dégradé semi-transparent et une ombre portée

Question

J'essaie de dessiner sur l'iPhone en créant manuellement des parties de l'interface utilisateur pour mon application (dans ce cas un graphique). Essentiellement, je veux dessiner un rectangle avec des coins arrondis, une ombre portée et un dégradé semi-transparent comme remplissage du rectangle. Voici une capture d'écran de mon photoshop mockup: alt text http://img36.imageshack.us/img36/6097/picture1nvf.png

J'ai obtenu a jusqu'à créer un rectangle arrondi solide avec une ombre à l'aide d'un CALayer, mais pour obtenir la forme et l'ombre portée de se présenter à tout ce que je dois définir une couleur d'arrière-plan qui ne me permet pas de faire de mon dégradé semi-transparent le seul remplissage de la couche.

Je travaille sur ce sujet depuis un petit moment, et j'ai lu tout le guide de programmation Core Animation mais je n'ai pas encore progressé. J'ai l'impression que la réponse est juste sous mon nez.

Qu'est-ce qui me manque?

P.S.Je sais que je pourrais probablement utiliser un fichier image pour accomplir cela, mais j'essaie de le faire de cette façon parce que je veux apprendre, et un jour je veux faire des trucs d'animation amateur avec cela.

Answer 1

1. Remplissez le rectangle arrondi avec l'ombre. Remplissez-le à 100% d'opacité - vous aurez une incidence sur la transparence à l'étape suivante.
2. Remplissez le même rectangle arrondi sans l'ombre, en utilisant le mode de fusion Destination Out, à (1.0 - l'opacité souhaitée). Par exemple, si vous voulez 40%, faites le tirage Destination-Out à 60%. Pensez-y comme soustrayant autant de l'opacité de l'image.