Comment puis-je créer un gros, rouge UIButton avec iOS?

J'ai aussi fait quelques boutons...rétine et de la non-retina versions

Si vous voulez les utiliser dans une Cellule 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];

Probablement la façon la plus simple de le faire est d'accrocher cet iPhone GUI fichier Photoshop qui contient beaucoup d'éléments d'INTERFACE utilisateur dans les couches PSD, puis modifiez la teinte de la grand bouton dans Photoshop et de les enregistrer au format PNG.

Un avantage de cette façon de faire est que vous pouvez également créer des versions pour le bouton sélectionné et/ou de mettre en évidence l'état et associer les images à une norme UIButton.

Que je voudrais apporter une solution qui n'utilise pas les images, mais qui donne le même look que le bouton "supprimer" dans les Contacts.
Dans l'exemple ci-dessous, je vais utiliser assume une UITableView avec regroupés, les cellules statiques, conçu dans le storyboard. Faire de l'un des articles n'ont qu'une seule cellule. Cette cellule sera le bouton "supprimer". Donner la cellule d'un rouge couleur de fond (f.e. Rouge 221, Vert 0, Bleu 2)

Ce que nous allons faire est d'ajouter deux GradientLayers de la cellule. La première couvre la moitié supérieure de la cellule. La seconde permettra de couvrir la moitié inférieure.

Ajouter QuartzCore pour votre fichier de mise en oeuvre:

#import <QuartzCore/QuartzCore.h>

Commencer à faire une sortie de cette cellule:

@property (strong, nonatomic) IBOutlet UITableViewCell *cellDelete;

Créer une méthode dans laquelle la cellule est formatée:

- (void)formatCellDelete
{
//Top Gradient //
CAGradientLayer *gradientTop = [CAGradientLayer layer];
//Make a frame for the layer based on the size of the cells contentView
//Make it half the height
//The width will be -20 so the gradient will not overflow
CGRect frame = CGRectMake(0, 0, _cellDelete.contentView.frame.size.width - 20, _cellDelete.contentView.frame.size.height / 2);
gradientTop.frame = frame;
gradientTop.cornerRadius = 8;
UIColor* topColor = [UIColor colorWithWhite:1.0f alpha:0.75f];
UIColor* bottomColor = [UIColor colorWithWhite:1.0f alpha:0.0f];
gradientTop.colors = [NSArray arrayWithObjects:(id)[topColor CGColor], (id)[bottomColor CGColor], nil];
[_cellDelete.contentView.layer setMasksToBounds:YES];
[_cellDelete.contentView.layer insertSublayer:gradientTop atIndex:0];
//Bottom Gradient //
CAGradientLayer *gradientBottom = [CAGradientLayer layer];
//Make a frame for the layer based on the size of the cells contentView
//Make it half the height
//The width will be -20 so the gradient will not overflow
frame = CGRectMake(0, 0, _cellDelete.contentView.frame.size.width - 20, _cellDelete.contentView.frame.size.height / 2);
//And move to bottom
frame.origin.y = frame.size.height;
gradientBottom.frame = frame;
topColor = [UIColor colorWithWhite:0.0f alpha:0.05f]; //0.20
bottomColor = [UIColor colorWithWhite:0.0f alpha:0.0f];
gradientBottom.colors = [NSArray arrayWithObjects:(id)[topColor CGColor], (id)[bottomColor CGColor], nil];
[_cellDelete.contentView.layer setMasksToBounds:YES];
[_cellDelete.contentView.layer insertSublayer:gradientBottom atIndex:0];
//Define a selected-backgroundColor so the cell changes color when the user tabs it
UIView *bgColorView = [[UIView alloc] init];
[bgColorView setBackgroundColor:[UIColor colorWithRed:(float)(0.502) green:0.0 blue:0.0 alpha:1.000]];
bgColorView.layer.cornerRadius = 10;
[_cellDelete setSelectedBackgroundView:bgColorView];
}

Ci-dessus donnera à votre cellule, le verre ressembler le bouton "supprimer" dans les Contacts.
Mais nous voulons aussi qu'il change de couleur lorsque l'utilisateur appuie sur elle. C'est ce que le dernier morceau de code dans la méthode ci-dessus ne pourra le faire. Il permettra de définir un point de vue différent, une couleur plus foncée que la selectedBackgroundView.

Après avoir appuyé sur la cellule va rester sélectionné et va garder sa couleur foncée. Automatiquement décochez la cellule de nous faire ce qui suit:

Commencer avec une constante qui définit la section n de votre suppression de la cellule:

static NSInteger const SECTION_DELETE = 1;

Maintenant mettre en œuvre la (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath méthode (défini dans UITableViewDelegate):

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
if(indexPath.section == SECTION_DELETE){
[tableView deselectRowAtIndexPath:indexPath animated:YES];
}
//Navigation logic may go here. Create and push another view controller.
/*
 *detailViewController = [[ alloc] initWithNibName:@"" bundle:nil];
//...
//Pass the selected object to the new view controller.
[self.navigationController pushViewController:detailViewController animated:YES];
*/
}