Comment créer un gros bouton rouge avec iOS ?

Question

Sous iOS, comment puis-je créer un bouton rouge de suppression similaire à celui utilisé pour supprimer les contacts sur l'iPhone ?

Answer 1

Vous commencez par une image extensible :

texte alternatif http://grab.by/4lP

Ensuite, vous créez un bouton avec l'image étirée comme arrière-plan et appliquez du texte.

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:CGRectMake(kLeftMargin, 10, self.view.bounds.size.width - kLeftMargin - kRightMargin, 52)];
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal];
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];
[sampleButton addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:sampleButton];

Bien entendu, vous devrez ajuster l'origine et la taille du cadre en fonction de votre application, ainsi que la cible, le sélecteur et le titre.

Answer 2

J'ai également créé des boutons... en version rétine et non-rétine.

Si vous voulez les utiliser dans une cellule, il suffit d'utiliser le code suivant dans cellForRowAtIndexPath :

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:[cell.contentView frame]];
[sampleButton setFrame:CGRectMake(0, 0, cell.bounds.size.width-20, 44)];
[sampleButton setBackgroundImage:[UIImage imageNamed:@"button_red.png"] forState:UIControlStateNormal];
[cell addSubview:sampleButton];

Answer 3

Je pense que ceux-là sont meilleurs (et ils ont l'air bien sur l'affichage retina aussi) :

.png généré à partir de ce très beau fichier .psd : http://www.teehanlax.com/blog/2010/08/12/iphone-4-gui-psd-retina-display/

Et ensuite, utilisez-la comme une image étirable pour l'arrière-plan de votre site Web. UIButton :

UIImage* greenButton = [UIImage imageNamed:@"UIButton_green.png"]; 
UIImage *newImage = [greenButton stretchableImageWithLeftCapWidth:greenButton.size.width/2 topCapHeight:greenButton.size.height/2];
[callButton setBackgroundImage:newImage forState:UIControlStateNormal];

Answer 4

J'ai ajouté à mon site des images de boutons disponibles gratuitement sous la licence MIT, qui correspondent mieux aux boutons en verre d'iOS. (mais ce forum ne me permet pas de poster des images car je suis nouveau)

Pour les télécharger et pour un exemple de code, voir :

http://www.geneticmistakes.com/articles/1000/stretchable-dynamic-images-for-buttons

Answer 5

J'ai fait cela récemment aussi, et j'ai créé ce bouton pour cela ( et quelques exemples de code Monotouch pour tout monotouche) :

Il a moins de biseau, ce qui est mieux sur n'importe quel fond, mais ne correspond pas à l'iPhone. UIGlassButton exactement.