ios开发 自定义btn_ios 自定义SwitchBtn

//

//  CustomSwitchBtn.h

//  IntelligentWaterValve

//

//  Created by lxl on 2017/12/22.

//  Copyright © 2017年 komlin. All rights reserved.

//

#import

typedef void(^CurrentStateBlcok) (BOOL state);

@interface CustomSwitchBtn : UIView

@property (nonatomic , assign) float font;

@property (nonatomic , assign) BOOL currentState;//1开 0关

@property (nonatomic , assign) CurrentStateBlcok currentStateBlcok;

@end

###############

//

//  CustomSwitchBtn.m

//  IntelligentWaterValve

//

//  Created by lxl on 2017/12/22.

//  Copyright © 2017年 komlin. All rights reserved.

//

//颜色

#define offColor KColor(197, 62, 37)

#define onColor KColor(110, 150, 81)

//间距

#define left_right_margin 10

#define top_bottom_margin 7

#import "CustomSwitchBtn.h"

@interface CustomSwitchBtn ()

{

UILabel * leftL;

UILabel * rightL;

UIView * bgV;//背景

UIView * slidingV;//滑动view

float maxRight;

float width_btn;

float height_btn;

}

@end

@implementation CustomSwitchBtn

- (instancetype)initWithFrame:(CGRect)frame{

if (self = [super initWithFrame:frame]) {

[self layoutViewWithFrame:frame];

}

return self;

}

- (void)layoutViewWithFrame:(CGRect)frame{

width_btn = frame.size.width;

height_btn = frame.size.height;

bgV = [[UIView alloc]initWithFrame:CGRectMake(0, 0, width_btn, height_btn)];

[self addSubview:bgV];

bgV.backgroundColor = offColor;

bgV.layer.cornerRadius = height_btn/2;

bgV.layer.masksToBounds = YES;

leftL = [[UILabel alloc]initWithFrame:CGRectMake(left_right_margin, top_bottom_margin, (width_btn - left_right_margin * 2)/2, height_btn - top_bottom_margin * 2)];

[self addSubview:leftL];

leftL.text = @"ON";

leftL.textColor = [UIColor whiteColor];

leftL.textAlignment = UITextAlignmentCenter;

leftL.font = [UIFont boldSystemFontOfSize:13 * ScalW];

leftL.hidden = YES;

rightL = [[UILabel alloc]initWithFrame:CGRectMake(width_btn - left_right_margin - (width_btn - left_right_margin * 2)/2, top_bottom_margin, (width_btn - left_right_margin * 2)/2, height_btn - top_bottom_margin * 2)];

[self addSubview:rightL];

rightL.text = @"OFF";

rightL.textColor = [UIColor whiteColor];

rightL.textAlignment = UITextAlignmentCenter;

rightL.font = [UIFont boldSystemFontOfSize:13 * ScalW];

slidingV = [[UIView alloc]initWithFrame:CGRectMake(left_right_margin, top_bottom_margin, (width_btn - top_bottom_margin * 2)/2, height_btn - top_bottom_margin * 2)];

slidingV.backgroundColor = KColor(218, 218, 218);

slidingV.layer.cornerRadius = CGRectGetHeight(slidingV.frame)/2;

slidingV.layer.masksToBounds = YES;

[self addSubview:slidingV];

maxRight = width_btn - left_right_margin - (width_btn - left_right_margin * 2)/2;

// 添加拖拽手势

UIPanGestureRecognizer * PanGestureTap = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)];

[self addGestureRecognizer:PanGestureTap];

//  添加点击手势

UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];

[self addGestureRecognizer:tap];

}

//点击

- (void)tap:(UIGestureRecognizer *)sender{

CGPoint point = [sender locationInView:self];

CGFloat target = 0;

if (point.x > width_btn/2) {

target = maxRight;

}

__weak typeof(self)weakSelf = self;

CGFloat offsetX = target - slidingV.frame.origin.x;

[UIView animateWithDuration:0.3 animations:^{

slidingV.frame = [weakSelf frameWithOffsetX:offsetX];

}];

}

//拖拽

- (void)pan:(UIPanGestureRecognizer *)pan{

//获取偏移量

CGPoint offsetP = [pan translationInView:self];

CGFloat offsetX = offsetP.x;

//最新位置

slidingV.frame = [self frameWithOffsetX:offsetX];

// 复位

[pan setTranslation:CGPointZero inView:slidingV];

//最左最右

if (pan.state == UIGestureRecognizerStateEnded) {

CGFloat target = 0;

if (slidingV.frame.origin.x >= (width_btn - slidingV.frame.size.width) / 2 ) {

target = maxRight;

}

//获取x轴偏移量

__weak typeof(self)weakSelf = self;

CGFloat offsetX = target - slidingV.frame.origin.x;

[UIView animateWithDuration:0.2 animations:^{

slidingV.frame = [weakSelf frameWithOffsetX:offsetX];

}];

}

}

- (CGRect)frameWithOffsetX:(CGFloat)offsetX{

//最新x

CGFloat currentX = slidingV.frame.origin.x + offsetX;

if (currentX >= maxRight) {

currentX = maxRight ;

leftL.hidden = NO;

rightL.hidden = YES;

bgV.backgroundColor = onColor;

self.currentStateBlcok(YES);

}

if (currentX <= left_right_margin) {

currentX = left_right_margin;

leftL.hidden = YES;

rightL.hidden = NO;

bgV.backgroundColor = offColor;

self.currentStateBlcok(NO);

}

return CGRectMake(currentX, top_bottom_margin, (width_btn - left_right_margin * 2)/2, height_btn - top_bottom_margin * 2);

}

- (void)setCurrentState:(BOOL)currentState{

if (currentState) {

leftL.hidden = NO;

rightL.hidden = YES;

bgV.backgroundColor = onColor;

slidingV.frame = CGRectMake(width_btn - left_right_margin - ((width_btn - left_right_margin * 2)/2), top_bottom_margin, (width_btn - top_bottom_margin * 2)/2, height_btn - top_bottom_margin * 2);

}else{

leftL.hidden = YES;

rightL.hidden = NO;

bgV.backgroundColor = offColor;

slidingV.frame = CGRectMake(left_right_margin, top_bottom_margin, (width_btn - top_bottom_margin * 2)/2, height_btn - top_bottom_margin * 2);

}

}

- (void)setFont:(float)font{

leftL.font = [UIFont boldSystemFontOfSize:font * ScalW];

rightL.font = [UIFont boldSystemFontOfSize:font * ScalW];

}

@end

#################

用法

1.

#import "CustomSwitchBtn.h"

2.

CustomSwitchBtn * btn = [[CustomSwitchBtn alloc]initWithFrame:CGRectMake(100, 550, 200, 36)];

[self.view addSubview:btn];

btn.currentState = YES;//default NO

btn.currentStateBlcok = ^(BOOL state) {

NSLog(@"%@",state ? @"开":@"关");

};