本篇文章介紹了iOS開發中UISwitch按鈕該怎么使用,下面小編給大家介紹詳細的解決步驟。
一、第一種創建UISwitch控件的方法,在代碼中動態創建。
1、打開Xcode? 4.3.2, 新建項目Switch,選擇Single View Application。
2、打開ViewController.m文件在viewDidLoad方法里添加代碼:
代碼中selector中的switchAction:需要我們自己實現,就是按下時接收到的事件。
記得把switchButton加到當前view,調用[self.viewaddSubview:switchButton];
3、監聽UISwitch按下事件
實現代碼如下:
?
?
showSwitchValue是我通過拖拽控件方法放到界面上的Label,方便顯示效果
運行,效果:
?
?
?

二、通過拖拽方法使用UISwitch
1、往xib文件上拖拽一個UISwitch控件。

2、按alt+command + return鍵開啟Assistant Editor模式,選中UISwitch控件,按住Control鍵,往ViewController.h拖拽

3、選Action方式

4、.m文件中實現switchAction 。剛才動態創建的時候也用到這個方法名稱,可以先注釋掉剛才的。
這里我們來看一下.m文件的源碼:
?
?
?
@implementation HMCustomSwitch
@synthesize on;
@synthesize tintColor, clippingView, leftLabel, rightLabel;
+(HMCustomSwitch *)switchWithLeftText:(NSString *)leftText andRight:(NSString *)rightText
{
?HMCustomSwitch *switchView = [[HMCustomSwitch alloc] initWithFrame:CGRectZero];
?
?switchView.leftLabel.text = leftText;
?switchView.rightLabel.text = rightText;
?
?return [switchView autorelease];
}
-(id)initWithFrame:(CGRect)rect
{
?if ((self=[super initWithFrame:CGRectMake(rect.origin.x,rect.origin.y,95,27)]))
?{
??//??self.clipsToBounds = YES;
??
??[self awakeFromNib];??// do all setup in awakeFromNib so that control can be created manually or in a nib file
?}
?return self;
}
-(void)awakeFromNib
{
?[super awakeFromNib];
?
?self.backgroundColor = [UIColor clearColor];
?[self setThumbImage:[UIImage imageNamed:@"switchThumb.png"] forState:UIControlStateNormal];
?[self setMinimumTrackImage:[UIImage imageNamed:@"switchBlueBg.png"] forState:UIControlStateNormal];
?[self setMaximumTrackImage:[UIImage imageNamed:@"switchOffPlain.png"] forState:UIControlStateNormal];
?
?self.minimumValue = 0;
?self.maximumValue = 1;
?self.continuous = NO;
?
?self.on = NO;
?self.value = 0.0;
?
?self.clippingView = [[UIView alloc] initWithFrame:CGRectMake(4,2,87,23)];
?self.clippingView.clipsToBounds = YES;
?self.clippingView.userInteractionEnabled = NO;
?self.clippingView.backgroundColor = [UIColor clearColor];
?[self addSubview:self.clippingView];
?[self.clippingView release];
?
?NSString *leftLabelText = NSLocalizedString(@"ON","Custom UISwitch ON label. If localized to empty string then I/O will be used");
?if ([leftLabelText length] == 0)?
?{
??leftLabelText = @"l";??// use helvetica lowercase L to be a 1.
?}
?
?self.leftLabel = [[UILabel alloc] init];
?self.leftLabel.frame = CGRectMake(0, 0, 48, 23);
?self.leftLabel.text = leftLabelText;
?self.leftLabel.textAlignment = NSTextAlignmentCenter;
?self.leftLabel.font = [UIFont boldSystemFontOfSize:17];
?self.leftLabel.textColor = [UIColor whiteColor];
?self.leftLabel.backgroundColor = [UIColor clearColor];
?//??self.leftLabel.shadowColor = [UIColor redColor];
?//??self.leftLabel.shadowOffset = CGSizeMake(0,0);
?[self.clippingView addSubview:self.leftLabel];
?[self.leftLabel release];
?
?
?NSString *rightLabelText = NSLocalizedString(@"OFF","Custom UISwitch OFF label. If localized to empty string then I/O will be used");
?if ([rightLabelText length] == 0)?
?{
??rightLabelText = @"O";?// use helvetica uppercase o to be a 0.
?}
?
?self.rightLabel = [[UILabel alloc] init];
?self.rightLabel.frame = CGRectMake(95, 0, 48, 23);
?self.rightLabel.text = rightLabelText;
?self.rightLabel.textAlignment = NSTextAlignmentCenter;
?self.rightLabel.font = [UIFont boldSystemFontOfSize:17];
?self.rightLabel.textColor = [UIColor grayColor];
?self.rightLabel.backgroundColor = [UIColor clearColor];
?//??self.rightLabel.shadowColor = [UIColor redColor];
?//??self.rightLabel.shadowOffset = CGSizeMake(0,0);
?[self.clippingView addSubview:self.rightLabel];
?[self.rightLabel release];
?
?
}
-(void)layoutSubviews
{
?[super layoutSubviews];
?
?//?NSLog(@"leftLabel=%@",NSStringFromCGRect(self.leftLabel.frame));
?
?// move the labels to the front
?[self.clippingView removeFromSuperview];
?[self addSubview:self.clippingView];
?
?CGFloat thumbWidth = self.currentThumbImage.size.width;
?CGFloat switchWidth = self.bounds.size.width;
?CGFloat labelWidth = switchWidth - thumbWidth;
?CGFloat inset = self.clippingView.frame.origin.x;
?
?//?NSInteger xPos = self.value * (self.bounds.size.width - thumbWidth) - (self.leftLabel.frame.size.width - thumbWidth/2);
?NSInteger xPos = self.value * labelWidth - labelWidth - inset;
?self.leftLabel.frame = CGRectMake(xPos, 0, labelWidth, 23);
?
?//?xPos = self.value * (self.bounds.size.width - thumbWidth) + (self.rightLabel.frame.size.width - thumbWidth/2);
?xPos = switchWidth + (self.value * labelWidth - labelWidth) - inset;
?self.rightLabel.frame = CGRectMake(xPos, 0, labelWidth, 23);
?
?//?NSLog(@"value=%f??? xPos=%i",self.value,xPos);
?//?NSLog(@"thumbWidth=%f??? self.bounds.size.width=%f",thumbWidth,self.bounds.size.width);
}
- (UIImage *)image:(UIImage*)image tintedWithColor:(UIColor *)tint
{?
?
??? if (tint != nil)
?{
??UIGraphicsBeginImageContext(image.size);
??
??//draw mask so the alpha is respected
??CGContextRef currentContext = UIGraphicsGetCurrentContext();
??CGImageRef maskImage = [image CGImage];
??CGContextClipToMask(currentContext, CGRectMake(0, 0, image.size.width, image.size.height), maskImage);
??CGContextDrawImage(currentContext, CGRectMake(0,0, image.size.width, image.size.height), image.CGImage);
??
??[image drawAtPoint:CGPointMake(0,0)];
??[tint setFill];
??UIRectFillUsingBlendMode(CGRectMake(0,0,image.size.width,image.size.height),kCGBlendModeColor);
??UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
??UIGraphicsEndImageContext();
??
??????? return newImage;
??? }
??? else
?{
??????? return image;
??? }
}
?
-(void)setTintColor:(UIColor*)color
{
?if (color != tintColor)
?{
??[tintColor release];
??tintColor = [color retain];
??
??[self setMinimumTrackImage:[self image:[UIImage imageNamed:@"switchBlueBg.png"] tintedWithColor:tintColor] forState:UIControlStateNormal];
?}
?
}
- (void)setOn:(BOOL)turnOn animated:(BOOL)animated;
{
?on = turnOn;
?
?if (animated)
?{
??[UIView? beginAnimations:nil context:nil];
??[UIView setAnimationDuration:0.2];
?}
?
?if (on)
?{
??self.value = 1.0;
?}
?else
?{
??self.value = 0.0;
?}
?
?if (animated)
?{
??[UIView?commitAnimations];?
?}
}
- (void)setOn:(BOOL)turnOn
{
?[self setOn:turnOn animated:NO];
}
- (void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event
{
?NSLog(@"preendTrackingWithtouch");
?[super endTrackingWithTouch:touch withEvent:event];
?NSLog(@"postendTrackingWithtouch");
?m_touchedSelf = YES;
?
?[self setOn:on animated:YES];
}
- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
{
?[super touchesBegan:touches withEvent:event];
??NSLog(@"touchesBegan");
?m_touchedSelf = NO;
?on = !on;
}
- (void)touchesEnded:(NSSet*)touches withEvent:(UIEvent*)event
{
?[super touchesEnded:touches withEvent:event];
?NSLog(@"touchesEnded");
?
?if (!m_touchedSelf)
?{
??[self setOn:on animated:YES];
??[self sendActionsForControlEvents:UIControlEventValueChanged];
?}
}
-(void)dealloc
{
?[tintColor release];
?[clippingView release];
?[rightLabel release];
?[leftLabel release];
?
?[super dealloc];
}
@end
看代碼可以知道,其實它是通過繼承UISlider控件實現的,UISlider的左右分別是個UILabel,當YES的時候,滑塊滑到了最右邊,NO的時候滑到了最左邊。
所以在代碼中使用它呢?這里再舉一個例子:
?
?
?
?// Standard ON/OFF
?switchView = [[HMCustomSwitch alloc] init];
?switchView.center = CGPointMake(160.0f, 260.0f);
?switchView.tintColor = [UIColor colorWithRed:125.f/255.f green:157.f/255.f blue:93.f/255.f alpha:1.0];
?[switchView addTarget:self action:@selector(switchFlipped:) forControlEvents:UIControlEventValueChanged];
?[contentView addSubview:switchView];
?[switchView release];
?
?
?
?UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 420, 320, 40)];
?toolbar.tintColor = [UIColor colorWithRed:125.f/255.f green:157.f/255.f blue:93.f/255.f alpha:1.0];
?[contentView addSubview:toolbar];
?
?[contentView release];
}
-(void)switchFlipped:(HMCustomSwitch*)switchView
{
?NSLog(@"switchFlipped=%f? on:%@",switchView.value, (switchView.on?@"Y":@"N"));
?
}
以上就是iOS開發中UISwitch按鈕該怎么使用的介紹,希望小編整理的相關知識和資料都對你們有所幫助,更多內容請繼續關注武林技術頻道網站!
新聞熱點
疑難解答