iOS_带文字的UISwitch
#import <UIKit/UIKit.h> @interface ZJSwitch : UIControl @property (nonatomic, assign, getter = isOn) BOOL on; @property (nonatomic, strong) UIColor *onTintColor; @property (nonatomic, strong) UIColor *tintColor; @property (nonatomic, strong) UIColor *thumbTintColor; @property (nonatomic, strong) UIColor *textColor; @property (nonatomic, strong) UIFont *textFont; @property (nonatomic, strong) NSString *onText; @property (nonatomic, strong) NSString *offText; - (void)setOn:(BOOL)on animated:(BOOL)animated; @end
/* * Copyright (c) 2014, James <[email protected]> All rights reserved. * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * Neither the name of James nor the names of its contributors may * be used to endorse or promote products derived from this software * without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY JAMES "AS IS" AND ANY EXPRESS OR IMPLIED * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. * IN NO EVENT SHALL JAMES AND CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ #import "ZJSwitch.h" #define ZJSwitchMaxHeight 31.0f #define ZJSwitchMinHeight 31.0f #define ZJSwitchMinWidth 51.0f #define ZJSwitchKnobSize 28.0f @interface ZJSwitch () @property (nonatomic, strong) UIView *containerView; @property (nonatomic, strong) UIView *onContentView; @property (nonatomic, strong) UIView *offContentView; @property (nonatomic, strong) UIView *knobView; @property (nonatomic, strong) UILabel *onLabel; @property (nonatomic, strong) UILabel *offLabel; - (void)commonInit; - (CGRect)roundRect:(CGRect)frameOrBounds; - (void)handleTapTapGestureRecognizerEvent:(UITapGestureRecognizer *)recognizer; - (void)handlePanGestureRecognizerEvent:(UIPanGestureRecognizer *)recognizer; @end @implementation ZJSwitch - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:[self roundRect:frame]]; if (self) { [self commonInit]; } return self; } - (id)initWithCoder:(NSCoder *)aDecoder { self = [super initWithCoder:aDecoder]; if (self) { [self commonInit]; } return self; } - (void)setBounds:(CGRect)bounds { [super setBounds:[self roundRect:bounds]]; [self setNeedsLayout]; } - (void)setFrame:(CGRect)frame { [super setFrame:[self roundRect:frame]]; [self setNeedsLayout]; } - (void)setOnText:(NSString *)onText { if (_onText != onText) { _onText = onText; _onLabel.text = onText; } } - (void)setOffText:(NSString *)offText { if (_offText != offText) { _offText = offText; _offLabel.text = offText; } } - (void)setOnTintColor:(UIColor *)onTintColor { if (_onTintColor != onTintColor) { _onTintColor = onTintColor; _onContentView.backgroundColor = onTintColor; } } - (void)setTintColor:(UIColor *)tintColor { if (_tintColor != tintColor) { _tintColor = tintColor; _offContentView.backgroundColor = tintColor; } } - (void)setThumbTintColor:(UIColor *)thumbTintColor { if (_thumbTintColor != thumbTintColor) { _thumbTintColor = thumbTintColor; _knobView.backgroundColor = _thumbTintColor; } } - (void)layoutSubviews { [super layoutSubviews]; self.containerView.frame = self.bounds; CGFloat r = CGRectGetHeight(self.containerView.bounds) / 2.0; self.containerView.layer.cornerRadius = r; self.containerView.layer.masksToBounds = YES; CGFloat margin = (CGRectGetHeight(self.bounds) - ZJSwitchKnobSize) / 2.0; if (!self.isOn) { // frame of off status self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds), 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.knobView.frame = CGRectMake(margin, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } else { // frame of on status self.onContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, CGRectGetWidth(self.containerView.bounds), CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - ZJSwitchKnobSize, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } CGFloat lHeight = 20.0f; CGFloat lMargin = r - (sqrtf(powf(r, 2) - powf(lHeight / 2.0, 2))) + margin; self.onLabel.frame = CGRectMake(lMargin, r - lHeight / 2.0, CGRectGetWidth(self.onContentView.bounds) - lMargin - ZJSwitchKnobSize - 2 * margin, lHeight); self.offLabel.frame = CGRectMake(ZJSwitchKnobSize + 2 * margin, r - lHeight / 2.0, CGRectGetWidth(self.onContentView.bounds) - lMargin - ZJSwitchKnobSize - 2 * margin, lHeight); } - (void)setOn:(BOOL)on { [self setOn:on animated:YES]; } - (void)setOn:(BOOL)on animated:(BOOL)animated { if (_on == on) { return; } _on = on; CGFloat margin = (CGRectGetHeight(self.bounds) - ZJSwitchKnobSize) / 2.0; if (!animated) { if (!self.isOn) { // frame of off status self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds), 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.knobView.frame = CGRectMake(margin, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } else { // frame of on status self.onContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, CGRectGetWidth(self.containerView.bounds), CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - ZJSwitchKnobSize, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } } else { if (self.isOn) { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - ZJSwitchKnobSize, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } completion:^(BOOL finished){ self.onContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, CGRectGetWidth(self.containerView.bounds), CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); }]; } else { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(margin, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); } completion:^(BOOL finished){ self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds), 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); self.offContentView.frame = CGRectMake(0, 0, CGRectGetWidth(self.containerView.bounds), CGRectGetHeight(self.containerView.bounds)); }]; } } [self sendActionsForControlEvents:UIControlEventValueChanged]; } #pragma mark - Private API - (void)commonInit { self.backgroundColor = [UIColor clearColor]; _onTintColor = [UIColor colorWithRed:130 / 255.0 green:200 / 255.0 blue:90 / 255.0 alpha:1.0]; _tintColor = [UIColor colorWithWhite:0.75 alpha:1.0]; _thumbTintColor = [UIColor colorWithWhite:1.0 alpha:1.0]; _textFont = [UIFont systemFontOfSize:18.0f]; _textColor = [UIColor whiteColor]; _containerView = [[UIView alloc] initWithFrame:self.bounds]; _containerView.backgroundColor = [UIColor clearColor]; [self addSubview:_containerView]; _onContentView = [[UIView alloc] initWithFrame:self.bounds]; _onContentView.backgroundColor = _onTintColor; [_containerView addSubview:_onContentView]; _offContentView = [[UIView alloc] initWithFrame:self.bounds]; _offContentView.backgroundColor = _tintColor; [_containerView addSubview:_offContentView]; _knobView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, ZJSwitchKnobSize, ZJSwitchKnobSize)]; _knobView.backgroundColor = _thumbTintColor; _knobView.layer.cornerRadius = ZJSwitchKnobSize / 2.0; [_containerView addSubview:_knobView]; _onLabel = [[UILabel alloc] initWithFrame:CGRectZero]; _onLabel.backgroundColor = [UIColor clearColor]; _onLabel.textAlignment = NSTextAlignmentCenter; _onLabel.textColor = _textColor; _onLabel.font = _textFont; _onLabel.text = _onText; [_onContentView addSubview:_onLabel]; _offLabel = [[UILabel alloc] initWithFrame:CGRectZero]; _offLabel.backgroundColor = [UIColor clearColor]; _offLabel.textAlignment = NSTextAlignmentCenter; _offLabel.textColor = _textColor; _offLabel.font = _textFont; _offLabel.text = _offText; [_offContentView addSubview:_offLabel]; UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTapTapGestureRecognizerEvent:)]; [self addGestureRecognizer:tapGesture]; UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanGestureRecognizerEvent:)]; [self addGestureRecognizer:panGesture]; } - (CGRect)roundRect:(CGRect)frameOrBounds { CGRect newRect = frameOrBounds; if (newRect.size.height > ZJSwitchMaxHeight) { newRect.size.height = ZJSwitchMaxHeight; } if (newRect.size.height < ZJSwitchMinHeight) { newRect.size.height = ZJSwitchMinHeight; } if (newRect.size.width < ZJSwitchMinWidth) { newRect.size.width = ZJSwitchMinWidth; } return newRect; } - (void)handleTapTapGestureRecognizerEvent:(UITapGestureRecognizer *)recognizer { if (recognizer.state == UIGestureRecognizerStateEnded) { [self setOn:!self.isOn animated:YES]; } } - (void)handlePanGestureRecognizerEvent:(UIPanGestureRecognizer *)recognizer { CGFloat margin = (CGRectGetHeight(self.bounds) - ZJSwitchKnobSize) / 2.0; CGFloat offset = 6.0f; switch (recognizer.state) { case UIGestureRecognizerStateBegan:{ if (!self.isOn) { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(margin, margin, ZJSwitchKnobSize + offset, ZJSwitchKnobSize); }]; } else { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - (ZJSwitchKnobSize + offset), margin, ZJSwitchKnobSize + offset, ZJSwitchKnobSize); }]; } break; } case UIGestureRecognizerStateCancelled: case UIGestureRecognizerStateFailed: { if (!self.isOn) { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(margin, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); }]; } else { [UIView animateWithDuration:0.25 animations:^{ self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - ZJSwitchKnobSize, margin, ZJSwitchKnobSize, ZJSwitchKnobSize); }]; } break; } case UIGestureRecognizerStateChanged:{ break; } case UIGestureRecognizerStateEnded: [self setOn:!self.isOn animated:YES]; break; case UIGestureRecognizerStatePossible: break; } } @end
#define kSwitchHeight 50
- (void)addSwitch
{
if (!_switch_forward) {
NSString *showText = @"显示名称";
// 2个字 用80比较好看 (18号字体)
// 4个字 用120比较好看 (18号字体)
// 所以: = 字数 * 20 + 40
CGFloat switchWidth = showText.length * 20 + 40;//120;
_switch_showName = [[ZJSwitch alloc] initWithFrame:CGRectMake(0, 0, switchWidth, kSwitchHeight)];
_switch_showName.y = _bottomBtn.y - kSwitchHeight ;
_switch_showName.x = self.view.width - 10 - switchWidth ;
_switch_showName.backgroundColor = [UIColor clearColor];
_switch_showName.tintColor = [UIColor lightGrayColor];
_switch_showName.onText = showText;
_switch_showName.offText = showText; // 也可以不一样
[_switch_showName addTarget:self action:@selector(handleSwitchEvent:) forControlEvents:UIControlEventValueChanged];
[self.scrollView addSubview:_switch_showName];
// >>>>>>>>>>>>>>>>>>>>>>>>
showText = @"转发";
// 2个字 用80比较好看 (18号字体)
// 4个字 用120比较好看 (18号字体)
// 所以: = 字数 * 20 + 40
switchWidth = showText.length * 20 + 40;//120;
_switch_forward = [[ZJSwitch alloc] initWithFrame:CGRectMake(0, 0, switchWidth, kSwitchHeight)];
_switch_forward.y = _switch_showName.y - kSwitchHeight ;
_switch_forward.x = self.view.width - 10 - switchWidth ;
_switch_forward.backgroundColor = [UIColor clearColor];
_switch_forward.tintColor = [UIColor lightGrayColor];
_switch_forward.onText = showText;
_switch_forward.offText = showText; // 也可以不一样
_switch_forward.tag = 2048;
[_switch_forward addTarget:self action:@selector(handleSwitchEvent:) forControlEvents:UIControlEventValueChanged];
[self.scrollView addSubview:_switch_forward];
}
}