Comment puis-je mettre un bouton couleur d'arrière-plan sur l'iPhone?

J'ai lu votre question à besoin (comme moi) un programmatique façon de bouton de réglage de la couleur. C'est une lacune évidente de la UIKit, et je ne pouvais pas obtenir les sans-papiers UIGlassButton de travail.

J'ai résolu ceci avec un seul segment UISegmentedControl, qui vous permet de définir le tintColor:

UISegmentedControl * btn = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObject:name]];
btn.momentary = YES;
btn.segmentedControlStyle = UISegmentedControlStyleBar;
btn.tintColor = color;
[btn addTarget:self action:@selector(action:) forControlEvents:UIControlEventValueChanged];

Veuillez noter que le momentary et segmentedControlStyle, les propriétés de la matière, et qu'une image peut être utilisée à la place d'un NSString * nom.

Un extensible image avec embouts fonctionne très bien si vous pouvez utiliser un ensemble fini d'en conserve les images, mais qui ne répond pas à l'exigence! E. g.,

buttonImage   = [[UIImage imageNamed:@"button.png"] stretchableImageWithLeftCapWidth:26 topCapHeight:16];

Réglage de la couleur d'arrière-plan de la vue pour une forme arrondie-rect bouton ne va pas changer la couleur de fond du bouton. Essayez de faire la touche, un bouton personnalisé (la première liste déroulante dans l'inspecteur), puis définir la couleur d'arrière-plan. Vous allez obtenir l'effet désiré 🙂

http://github.com/dermdaly/ButtonMaker

Vous pouvez générer UIbutton image à l'aide de cette application...et peut le définir comme image d'arrière-plan de votre bouton

Ce lien fournit une solution élégante à votre problème ...
http://www.cimgf.com/2010/01/28/fun-with-uibuttons-and-core-animation-layers/

j'ai un peu modifié le code de la version de @Patch. Le problème pour moi est que l'ancienne version étendue du rayon d'angle genre de sale lors de la commutation du mode portrait au mode paysage. J'ai donc fait cette version utiliser stretchableImageWithLeftCapWidth:topCapHeight Méthode.

#import "UIButton+ColoredBackground.h"
#import <QuartzCore/QuartzCore.h>
#define kCornerRadius 8.0f
#define kStrokeColor [UIColor blackColor]
#define kStrokeWidth 1.0f
@implementation UIButton (ColoredBackground)
- (void)setBackgroundImageByColor:(UIColor *)backgroundColor forState:(UIControlState)state{
CGSize gcSize = CGSizeMake(2*kCornerRadius +1, self.bounds.size.height);
UIGraphicsBeginImageContext(gcSize);
CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeOverlay);
CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
UIColor *gradientStart = [UIColor colorWithRed:0.80 green:0.80 blue:0.80 alpha:0.2];
UIColor * gradientEnd = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.2];
NSArray *colors = [NSArray arrayWithObjects:(id)gradientStart.CGColor, (id)gradientEnd.CGColor, nil];
CGFloat locations[2] = { 0.0f, 1.0f };
CGGradientRef _gradient = CGGradientCreateWithColors(rgb, (__bridge CFArrayRef)colors, locations);
CGColorSpaceRelease(rgb);
CGContextDrawLinearGradient(UIGraphicsGetCurrentContext(), _gradient, CGPointMake(0.0, kStrokeWidth), CGPointMake(0.0, self.bounds.size.height-kStrokeWidth), 0);
UIBezierPath *outsideEdge = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0.0, 0.0, gcSize.width, gcSize.height) cornerRadius:kCornerRadius];
[backgroundColor setFill];
[kStrokeColor setStroke];
outsideEdge.lineWidth = kStrokeWidth;
[outsideEdge stroke];
[outsideEdge fill];
//Create the background image
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();    
UIGraphicsEndImageContext(); 
//Set image as button's background image (stretchable) for the given state
[self setBackgroundImage:[image stretchableImageWithLeftCapWidth:kCornerRadius topCapHeight:0.0] forState:state];
//Ensure rounded button
self.clipsToBounds = YES;
self.layer.cornerRadius = kCornerRadius;
}
@end

L'utilisation n'a pas changé. Il semble aujourd'hui plus clair sur les bords, et j'ai aussi aded un gradient de rendre plus plastique. mais vous pouvez le supprimer en tant que bien.

Tim James solution (un seul segment sectorielle de contrôle) a travaillé pour moi quand j'ai voulu un simple bouton 'Enregistrer' avec un décent bleu dégradé d'arrière-plan. J'ai tout simplement créé un 2 segment de contrôle dans la plume, mis en place le premier segment comme je le voulais et ensuite par programmation supprimé le deuxième segment sous -viewWillAppear à l'aide de [mySegmentedControl removeSegmentAtIndex:1 animation:NON].
Pour mes fins 'Momentané" nécessaire pour être activé (coché) pour la segmentation de Contrôle du premier segment de la plume et de "Sélectionnées" n'a pas été actif pour l'un des segments. 'Valeur a Changé" est la segmentation du Contrôle de l'Action de connecter jusqu'.

je l'ai fait comme suit pour créer le bouton en forme de système de bouton supprimer comme dans uitableview

UIButton *h=[[UIButton  alloc]init];
[[h layer] setCornerRadius:8.0f];
[[h layer] setMasksToBounds:YES];
[[h layer] setBorderWidth:1.0f];
CAGradientLayer *gradientLayer = [[CAGradientLayer alloc] init];
[gradientLayer setBounds:[h bounds]];
[gradientLayer setPosition:CGPointMake([h bounds].size.width/2, [h bounds].size.height/2)];
[gradientLayer setColors:[NSArray arrayWithObjects:
(id)[[UIColor darkGrayColor]CGColor],(id)[[UIColor blackColor] CGColor], nil]];
[[h layer] insertSublayer:gradientLayer atIndex:0];

la libération de tous les objets et
importation QuartzCore/QuartzCore.h et
ajouter cette cadre de votre projet.

keremk a raison quand il dit de changer l'affichage couleur d'arrière-plan lorsque vous avez cliqué sur le bouton et passé dans l'inspecteur. Cela modifie les petits coins dans quelle que soit la couleur que vous avez sélectionnée.

De renforcer @Denny1989 j'ai résolu un problème de faire des erreurs (contexte non valide 0x0) lors de la configuration du bouton dans le viewDidLoad. Le bouton doit être aménagé avant qu'il ait une taille et ne peut donc pas compter sur lui jusqu'à ce que après le point de vue s'affiche. Cette catégorie ajoute une couleur pour UIControlStateNormal. Si d'autres membres sont nécessaires à votre application que vous devez ajouter de la même façon à la catégorie.

// UIButton+ColoredBackground.h
#import <UIKit/UIKit.h>
@interface UIButton (ColoredBackground)
@property (nonatomic, retain) UIColor *buttonColorNormal;
@property (nonatomic, retain) NSNumber *madeBackgroundImages;
- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state;
- (void)drawRect:(CGRect)rect;
- (void)awakeFromNib;
@end

et

// UIButton+ColoredBackground.m
#import "UIButton+ColoredBackground.h"
#import <QuartzCore/QuartzCore.h>
#import <objc/runtime.h>
#define kCornerRadius 8.0f
#define kStrokeColor [UIColor darkGrayColor]
#define kStrokeWidth 1.0f
@implementation UIButton (ColoredBackground)
static char UIB_ButtonColorNormal_KEY;
static char UIB_MadeBackgroundImages_KEY;
@dynamic buttonColorNormal;
-(void)setButtonColorNormal:(NSObject *)buttonColorNormal
{
objc_setAssociatedObject(self, &UIB_ButtonColorNormal_KEY, buttonColorNormal, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
-(NSObject*)buttonColorNormal
{
return (NSObject*)objc_getAssociatedObject(self, &UIB_ButtonColorNormal_KEY);
}
@dynamic madeBackgroundImages;
-(void)setMadeBackgroundImages:(NSObject *)madeBackgroundImages
{
objc_setAssociatedObject(self, &UIB_MadeBackgroundImages_KEY, madeBackgroundImages, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
-(NSObject*)madeBackgroundImages
{
return (NSObject*)objc_getAssociatedObject(self, &UIB_MadeBackgroundImages_KEY);
}
- (void)awakeFromNib {
[self setMadeBackgroundImages:[NSNumber numberWithBool:FALSE]];
[super awakeFromNib];
}
- (void)drawRect:(CGRect)rect {
//if background images were not created from color do so here
//if self.buttonColorNormal is not set behaves like normal button
if ((self.buttonColorNormal)&&(![[self madeBackgroundImages] boolValue])) {
[self setBackgroundColor:[self buttonColorNormal] forState:UIControlStateNormal];
[self setMadeBackgroundImages:[NSNumber numberWithBool:TRUE]];
}
[super drawRect:rect];
}
- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state {
gcSize = CGSizeMake(2*kCornerRadius +1, self.bounds.size.height);
UIGraphicsBeginImageContext(gcSize);
CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
UIColor *gradientStart = [UIColor colorWithRed:0.80 green:0.80 blue:0.80 alpha:0.2];
UIColor * gradientEnd = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.5];
NSArray *colors = [NSArray arrayWithObjects:(id)gradientStart.CGColor, (id)gradientEnd.CGColor, nil];
CGFloat locations[2] = { 0.0f, 1.0f };
CGGradientRef _gradient = CGGradientCreateWithColors(rgb, (__bridge CFArrayRef)colors, locations);
CGColorSpaceRelease(rgb);
CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeOverlay);
CGContextDrawLinearGradient(UIGraphicsGetCurrentContext(), _gradient, CGPointMake(0.0, kStrokeWidth), CGPointMake(0.0, self.bounds.size.height-kStrokeWidth), 0);
UIBezierPath *outsideEdge = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0.0, 0.0, gcSize.width, gcSize.height) cornerRadius:kCornerRadius];
[backgroundColor setFill];
[kStrokeColor setStroke];
outsideEdge.lineWidth = kStrokeWidth;
[outsideEdge stroke];
[outsideEdge fill];
CFRelease(_gradient);
//Create the background image
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//Set image as button's background image (stretchable) for the given state
[self setBackgroundImage:[image stretchableImageWithLeftCapWidth:kCornerRadius topCapHeight:0.0] forState:state];
//Ensure rounded button
self.clipsToBounds = YES;
self.layer.cornerRadius = kCornerRadius;
//add colored border
self.layer.borderColor = kStrokeColor.CGColor;
self.layer.borderWidth = kStrokeWidth;
}
@end

utilisation

- (void)viewDidLoad
{
[myButton setButtonColorNormal:[UIColor redColor]];
}

Être sûr de faire le type de bouton personnalisé ou drawRect ne peut pas être appelé.

Peut-être j'ai mal compris votre question, mais ci-dessous ne fonctionne pas pour vous?