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 <jamesqianlee@gmail.com> 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];

}
}