SevenSwitch.m

//
//  SevenSwitch
//
//  Created by Benjamin Vogelzang on 6/10/13.
//  Copyright (c) 2013 Ben Vogelzang. All rights reserved.
//
//  Permission is hereby granted, free of charge, to any person obtaining a copy
//  of this software and associated documentation files (the "Software"), to deal
//  in the Software without restriction, including without limitation the rights
//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
//  copies of the Software, and to permit persons to whom the Software is
//  furnished to do so, subject to the following conditions:
//
//  The above copyright notice and this permission notice shall be included in
//  all copies or substantial portions of the Software.
//
//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
//  THE SOFTWARE.

// Initial version written by Benjamin Vogelzang
// https://github.com/bvogelzang/SevenSwitch
//
// Modified to add single text label on the switch by Michael Henrey:
// https://github.com/michaelhenry/SevenSwitch
//
// Modified by MShahin to allow for onText and offText

#import "SevenSwitch.h"
#import <QuartzCore/QuartzCore.h>

@interface SevenSwitch ()  {
  UIView *background;
  UIView *knob;
  UIImageView *onImageView;
  UIImageView *offImageView;
  UILabel * textLabel;
  CGRect inactiveTextFrame;
  CGRect activeTextFrame;
  
  BOOL currentVisualValue;
  BOOL startTrackingValue;
  BOOL didChangeWhileTracking;
  BOOL isAnimating;
  
  UIPanGestureRecognizer * _panGestureRecognizer;
}

- (void)showOn:(BOOL)animated;
- (void)showOff:(BOOL)animated;
- (void)setup;

@end

@interface UIColor(LightAndDark)
- (UIColor *)lighterColor;
- (UIColor *)darkerColor;
@end

@implementation UIColor (LightAndDark)

- (UIColor *)lighterColor
{
  CGFloat h, s, b, a;
  if ([self getHue:&h saturation:&s brightness:&b alpha:&a])
    return [UIColor colorWithHue:h
                      saturation:s
                      brightness:MIN(b * 1.3, 1.0)
                           alpha:a];
  return nil;
}

- (UIColor *)darkerColor
{
  CGFloat h, s, b, a;
  if ([self getHue:&h saturation:&s brightness:&b alpha:&a])
    return [UIColor colorWithHue:h
                      saturation:s
                      brightness:b * 0.75
                           alpha:a];
  return nil;
}
@end

@implementation SevenSwitch

@synthesize inactiveColor, activeColor, onTintColor, borderColor, thumbTintColor, shadowColor;
@synthesize onImage, offImage;
@synthesize isRounded;
@synthesize on;
@synthesize textActiveColor;
@synthesize textInActiveColor;

#pragma mark init Methods

- (id)init {
  self = [super initWithFrame:CGRectMake(0, 0, 50, 30)];
  if (self) {
    [self setup];
  }
  return self;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
  self = [super initWithCoder:aDecoder];
  if (self) {
    [self setup];
  }
  return self;
}

- (id)initWithFrame:(CGRect)frame
{
  // use the default values if CGRectZero frame is set
  CGRect initialFrame;
  if (CGRectIsEmpty(frame)) {
    initialFrame = CGRectMake(0, 0, 50, 30);
  }
  else {
    initialFrame = frame;
  }
  self = [super initWithFrame:initialFrame];
  if (self) {
    [self setup];
  }
  return self;
}


/**
 *	Setup the individual elements of the switch and set default values
 */
- (void)setup {
  
  // default values
  self.on = NO;
  self.isRounded = YES;
  self.inactiveColor = [UIColor clearColor];
  self.activeColor = [UIColor colorWithRed:0.89f green:0.89f blue:0.89f alpha:1.00f];
  self.onTintColor = [UIColor colorWithRed:0.30f green:0.85f blue:0.39f alpha:1.00f];
  self.borderColor = [UIColor colorWithRed:0.89f green:0.89f blue:0.91f alpha:1.00f];
  self.thumbTintColor = [UIColor whiteColor];
  self.shadowColor = [UIColor grayColor];
  currentVisualValue = NO;
  
  // background
  background = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
  background.backgroundColor = [UIColor clearColor];
  background.layer.cornerRadius = self.frame.size.height * 0.5;
  background.layer.borderColor = self.borderColor.CGColor;
  background.layer.borderWidth = 1.0;
  background.userInteractionEnabled = NO;
  [self addSubview:background];
  
  // images
  onImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width - self.frame.size.height, self.frame.size.height)];
  onImageView.alpha = 0;
  onImageView.contentMode = UIViewContentModeCenter;
  [self addSubview:onImageView];
  
  offImageView = [[UIImageView alloc] initWithFrame:CGRectMake(self.frame.size.height, 0, self.frame.size.width - self.frame.size.height, self.frame.size.height)];
  offImageView.alpha = 1.0;
  offImageView.contentMode = UIViewContentModeCenter;
  [self addSubview:offImageView];
  
  // knob
  knob = [[UIView alloc] initWithFrame:CGRectMake(1, 1, self.frame.size.height - 2, self.frame.size.height - 2)];
  knob.backgroundColor = self.thumbTintColor;
  knob.layer.cornerRadius = (self.frame.size.height * 0.5) - 1;
  knob.layer.shadowColor = self.shadowColor.CGColor;
  knob.layer.shadowRadius = 2.0;
  knob.layer.shadowOpacity = 0.5;
  knob.layer.shadowOffset = CGSizeMake(0, 3);
  knob.layer.masksToBounds = NO;
  knob.userInteractionEnabled = NO;
  
  inactiveTextFrame = CGRectMake(self.frame.size.height + 6.0f
                                 , 0.0f
                                 , self.frame.size.width-10.0f
                                 , self.frame.size.height);
  activeTextFrame = CGRectMake(10.0f
                               , 0.0f
                               , self.frame.size.width-10.0f
                               , self.frame.size.height);
  
  
  textLabel = [[UILabel alloc]initWithFrame:inactiveTextFrame];
  textLabel.backgroundColor = [UIColor clearColor];
  textLabel.font = [UIFont systemFontOfSize:12.0f];
  textLabel.userInteractionEnabled = NO;
  
  [self addSubview:textLabel];
  [self addSubview:knob];
  
  _panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwipe:)];
  [self addGestureRecognizer:_panGestureRecognizer];
  isAnimating = NO;
}

- (void) handleSwipe:(UIPanGestureRecognizer*) gesture {
  CGPoint translation = [gesture translationInView:self];
  if (gesture.state == UIGestureRecognizerStateChanged)
  {
    if(translation.x > self.frame.size.width/4.0f) {
      if(!self.isOn) {
        [self setOn:YES animated:YES];
        [self sendActionsForControlEvents:UIControlEventValueChanged];
      }
    }else if(translation.x < (-self.frame.size.width/4.0f)) {
      if(self.isOn) {
        [self setOn:NO animated:YES];
        [self sendActionsForControlEvents:UIControlEventValueChanged];
      }
    }
  }
}

#pragma mark Touch Tracking

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
  [super beginTrackingWithTouch:touch withEvent:event];
  
  startTrackingValue = self.on;
  didChangeWhileTracking = NO;
  // make the knob larger and animate to the correct color
  CGFloat activeKnobWidth = self.bounds.size.height - 2 + 5;
  isAnimating = YES;
  [UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationOptionCurveEaseOut|UIViewAnimationOptionBeginFromCurrentState animations:^{
    if (self.on) {
      knob.frame = CGRectMake(self.bounds.size.width - (activeKnobWidth + 1), knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
      background.backgroundColor = self.onTintColor;
      textLabel.textColor = [self.onTintColor lighterColor];
    }
    else {
      knob.frame = CGRectMake(knob.frame.origin.x, knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
      background.backgroundColor = self.activeColor;
      textLabel.textColor = [self.activeColor lighterColor];
    }
  } completion:^(BOOL finished) {
    isAnimating = NO;
  }];
  
  return YES;
}

- (BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
  [super continueTrackingWithTouch:touch withEvent:event];
  
  // Get touch location
  CGPoint lastPoint = [touch locationInView:self];
  
  // update the switch to the correct visuals depending on if
  // they moved their touch to the right or left side of the switch
  if (lastPoint.x > self.bounds.size.width * 0.5) {
    [self showOn:YES];
    if (!startTrackingValue) {
      didChangeWhileTracking = YES;
    }
  }
  else {
    [self showOff:YES];
    if (startTrackingValue) {
      didChangeWhileTracking = YES;
    }
  }
  
  return YES;
}

- (void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
  [super endTrackingWithTouch:touch withEvent:event];
  
  BOOL previousValue = self.on;
  
  if (didChangeWhileTracking) {
    [self setOn:currentVisualValue animated:YES];
  }
  else {
    [self setOn:!self.on animated:YES];
  }
  
  if (previousValue != self.on)
    [self sendActionsForControlEvents:UIControlEventValueChanged];
}

- (void)cancelTrackingWithEvent:(UIEvent *)event {
  [super cancelTrackingWithEvent:event];
  
  // just animate back to the original value
  if (self.on)
    [self showOn:YES];
  else
    [self showOff:YES];
}


- (void)layoutSubviews {
  [super layoutSubviews];
  
  if (!isAnimating) {
    CGRect frame = self.frame;
    if (self.isOn)
      textLabel.textColor = self.textActiveColor;
    else
      textLabel.textColor = self.textInActiveColor;
    // background
    background.frame = CGRectMake(0, 0, frame.size.width, frame.size.height);
    background.layer.cornerRadius = self.isRounded ? frame.size.height * 0.5 : 2;
    
    // images
    onImageView.frame = CGRectMake(0, 0, frame.size.width - frame.size.height, frame.size.height);
    offImageView.frame = CGRectMake(frame.size.height, 0, frame.size.width - frame.size.height, frame.size.height);
    
    // knob
    CGFloat normalKnobWidth = frame.size.height - 2;
    if (self.on)
      knob.frame = CGRectMake(frame.size.width - (normalKnobWidth + 1), 1, frame.size.height - 2, normalKnobWidth);
    else
      knob.frame = CGRectMake(1, 1, normalKnobWidth, normalKnobWidth);
    
    knob.layer.cornerRadius = self.isRounded ? (frame.size.height * 0.5) - 1 : 2;
    
  }
}


#pragma mark Setters

/*
 *	Sets the background color when the switch is off.
 *  Defaults to clear color.
 */
- (void)setInactiveColor:(UIColor *)color {
  inactiveColor = color;
  if (!self.on && !self.isTracking)
    background.backgroundColor = color;
}

/*
 *	Sets the background color that shows when the switch is on.
 *  Defaults to green.
 */
- (void)setOnTintColor:(UIColor *)color {
  onTintColor = color;
  if (self.on && !self.isTracking) {
    background.backgroundColor = color;
    background.layer.borderColor = color.CGColor;
  }
}

/*
 *	Sets the border color that shows when the switch is off. Defaults to light gray.
 */
- (void)setBorderColor:(UIColor *)color {
  borderColor = color;
  if (!self.on)
    background.layer.borderColor = color.CGColor;
}

/*
 *	Sets the shadow color of the knob. Defaults to gray.
 */
- (void)setShadowColor:(UIColor *)color {
  shadowColor = color;
  knob.layer.shadowColor = color.CGColor;
}


/*
 *	Sets the image that shows when the switch is on.
 *  The image is centered in the area not covered by the knob.
 *  Make sure to size your images appropriately.
 */
- (void)setOnImage:(UIImage *)image {
  onImage = image;
  onImageView.image = image;
}

/*
 *	Sets the image that shows when the switch is off.
 *  The image is centered in the area not covered by the knob.
 *  Make sure to size your images appropriately.
 */
- (void)setOffImage:(UIImage *)image {
  offImage = image;
  offImageView.image = image;
}


/*
 *	Sets whether or not the switch edges are rounded.
 *  Set to NO to get a stylish square switch.
 *  Defaults to YES.
 */
- (void)setIsRounded:(BOOL)rounded {
  isRounded = rounded;
  
  if (rounded) {
    background.layer.cornerRadius = self.frame.size.height * 0.5;
    knob.layer.cornerRadius = (self.frame.size.height * 0.5) - 1;
  }
  else {
    background.layer.cornerRadius = 2;
    knob.layer.cornerRadius = 2;
  }
}


/*
 * Set (without animation) whether the switch is on or off
 */
- (void)setOn:(BOOL)isOn {
  [self setOn:isOn animated:NO];
}


/*
 * Set the state of the switch to on or off, optionally animating the transition.
 */
- (void)setOn:(BOOL)isOn animated:(BOOL)animated {
  on = isOn;
  
  if (isOn) {
    [self showOn:animated];
  }
  else {
    [self showOff:animated];
  }
}


#pragma mark Getters

/*
 *	Detects whether the switch is on or off
 *
 *	@return	BOOL YES if switch is on. NO if switch is off
 */
- (BOOL)isOn {
  return self.on;
}


#pragma mark State Changes


/*
 * update the looks of the switch to be in the on position
 * optionally make it animated
 */
- (void)showOn:(BOOL)animated {
  CGFloat normalKnobWidth = self.bounds.size.height - 2;
  CGFloat activeKnobWidth = normalKnobWidth + 5;
  if (animated) {
    isAnimating = YES;
    [UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationOptionCurveEaseOut|UIViewAnimationOptionBeginFromCurrentState animations:^{
      if (self.tracking)
        knob.frame = CGRectMake(self.bounds.size.width - (activeKnobWidth + 1), knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
      else
        knob.frame = CGRectMake(self.bounds.size.width - (normalKnobWidth + 1), knob.frame.origin.y, normalKnobWidth, knob.frame.size.height);
      background.backgroundColor = self.onTintColor;
      background.layer.borderColor = self.onTintColor.CGColor;
      onImageView.alpha = 1.0;
      offImageView.alpha = 0;
      textLabel.text = self.onText;
      textLabel.textColor = self.textActiveColor;
      textLabel.frame = activeTextFrame;
      
    } completion:^(BOOL finished) {
      isAnimating = NO;
    }];
  }
  else {
    if (self.tracking)
      knob.frame = CGRectMake(self.bounds.size.width - (activeKnobWidth + 1), knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
    else
      knob.frame = CGRectMake(self.bounds.size.width - (normalKnobWidth + 1), knob.frame.origin.y, normalKnobWidth, knob.frame.size.height);
    background.backgroundColor = self.onTintColor;
    background.layer.borderColor = self.onTintColor.CGColor;
    textLabel.text = self.onText;
    textLabel.textColor = self.textActiveColor;
    textLabel.frame = activeTextFrame;
    onImageView.alpha = 1.0;
    offImageView.alpha = 0;
  }
  
  currentVisualValue = YES;
}


/*
 * update the looks of the switch to be in the off position
 * optionally make it animated
 */
- (void)showOff:(BOOL)animated {
  CGFloat normalKnobWidth = self.bounds.size.height - 2;
  CGFloat activeKnobWidth = normalKnobWidth + 5;
  if (animated) {
    isAnimating = YES;
    [UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationOptionCurveEaseOut|UIViewAnimationOptionBeginFromCurrentState animations:^{
      if (self.tracking) {
        knob.frame = CGRectMake(1, knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
        background.backgroundColor = self.activeColor;
        textLabel.text = self.offText;
        textLabel.textColor = self.textActiveColor;
        textLabel.frame = activeTextFrame;
      }
      else {
        knob.frame = CGRectMake(1, knob.frame.origin.y, normalKnobWidth, knob.frame.size.height);
        background.backgroundColor = self.inactiveColor;
        textLabel.text = self.offText;
        textLabel.textColor = self.textInActiveColor;
        textLabel.frame = inactiveTextFrame;
      }
      background.layer.borderColor = self.borderColor.CGColor;
      onImageView.alpha = 0;
      offImageView.alpha = 1.0;
    } completion:^(BOOL finished) {
      isAnimating = NO;
    }];
  }
  else {
    if (self.tracking) {
      knob.frame = CGRectMake(1, knob.frame.origin.y, activeKnobWidth, knob.frame.size.height);
      background.backgroundColor = self.activeColor;
      textLabel.text = self.offText;
      textLabel.textColor = self.textActiveColor;
      textLabel.frame = activeTextFrame;
    }
    else {
      knob.frame = CGRectMake(1, knob.frame.origin.y, normalKnobWidth, knob.frame.size.height);
      background.backgroundColor = self.inactiveColor;
      textLabel.text = self.offText;
      textLabel.textColor = self.textInActiveColor;
      textLabel.frame = inactiveTextFrame;
    }
    background.layer.borderColor = self.borderColor.CGColor;
    onImageView.alpha = 0;
    offImageView.alpha = 1.0;
  }
  
  currentVisualValue = NO;
}

@end