画像あり:
[button1 setBackgroundImage:[UIImage imageNamed:@"redButton.png"]];
画像なし:
[button1 setBackgroundColor:[UIColor redColor] ];
これにより、丸い境界線を取得できます。
CALayer * layer = [button1 layer];
[layer setCornerRadius:8.0f];
[layer setMasksToBounds:YES];
[layer setBorderWidth:1.0f];
[layer setBorderColor:[[UIColor whiteColor] CGColor]];
button1.backgroundColor = [UIColor redColor];
選択された状態のサブクラス UIButton に対して、次のようにします。
.h ファイル内:
@interface MyButton : UIButton
{
@private
NSMutableDictionary *backgroundStates;
@public
}
- (void) setBackgroundColor:(UIColor *) _backgroundColor forState:(UIControlState) _state;
- (UIColor*) backgroundColorForState:(UIControlState) _state;
@end
.m ファイル内:
#import "MyButton.h"
@implementation MyButton
- (void) setBackgroundColor:(UIColor *) _backgroundColor forState:(UIControlState) _state {
if (backgroundStates == nil)
backgroundStates = [[NSMutableDictionary alloc] init];
[backgroundStates setObject:_backgroundColor forKey:[NSNumber numberWithInt:_state]];
if (self.backgroundColor == nil)
[self setBackgroundColor:_backgroundColor];
}
- (UIColor*) backgroundColorForState:(UIControlState) _state {
return [backgroundStates objectForKey:[NSNumber numberWithInt:_state]];
}
#pragma mark -
#pragma mark Touches
- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
[super touchesBegan:touches withEvent:event];
UIColor *selectedColor = [backgroundStates objectForKey:[NSNumber numberWithInt:UIControlStateHighlighted]];
if (selectedColor) {
CATransition *animation = [CATransition animation];
[animation setType:kCATransitionFade];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[self.layer addAnimation:animation forKey:@"EaseOut"];
self.backgroundColor = selectedColor;
}
}
- (void) touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event {
[super touchesCancelled:touches withEvent:event];
UIColor *normalColor = [backgroundStates objectForKey:[NSNumber numberWithInt:UIControlStateNormal]];
if (normalColor) {
CATransition *animation = [CATransition animation];
[animation setType:kCATransitionFade];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[self.layer addAnimation:animation forKey:@"EaseOut"];
self.backgroundColor = normalColor;
}
}
- (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
[super touchesEnded:touches withEvent:event];
UIColor *normalColor = [backgroundStates objectForKey:[NSNumber numberWithInt:UIControlStateNormal]];
if (normalColor) {
CATransition *animation = [CATransition animation];
[animation setType:kCATransitionFade];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[self.layer addAnimation:animation forKey:@"EaseOut"];
self.backgroundColor = normalColor;
}
}
- (void) dealloc {
[backgroundStates release];
[super dealloc];
}
@end
次に、ViewController (カスタム クラスを含めることを忘れないでください) で、次の方法で色を設定できます。
[button1 setBackgroundColor:[UIColor colorWithRed:0.8 green:0.7 blue:0.6 alpha:1.0] forState:UIControlStateHighlighted];