#import "StickButton.h"
@interface StickButton ()
@property (nonatomic ,retain) UIView *smallCircleView;
@property (nonatomic ,assign) CGFloat oriSmallRadius;
@property (nonatomic ,retain) CAShapeLayer * shapeLayer;
@end
@implementation StickButton
- (CAShapeLayer*)shapeLayer
{
if (!_shapeLayer)
{
//繪制不規(guī)則矩形囱稽，不能通過(guò)繪圖享钞，因?yàn)槔L圖只能在當(dāng)前控件上畫(huà)荷憋，超出部分不會(huì)顯示
// 展示不規(guī)則矩形宾茂，通過(guò)不規(guī)則矩形路徑生成一個(gè)圖層
_shapeLayer = [CAShapeLayer layer];
_shapeLayer.fillColor = self.backgroundColor.CGColor;
[self.superview.layer insertSublayer:_shapeLayer below:self.layer];
}
return _shapeLayer;
}
- (UIView*)smallCircleView
{
if (!_smallCircleView)
{
// 大圓下面的圓 可縮小的圓
_smallCircleView = [[UIView alloc]init];
_smallCircleView.backgroundColor = self.backgroundColor;
[self.superview insertSubview:_smallCircleView belowSubview:self];
}
return _smallCircleView;
}
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame])
{
[self setUp];
}
return self;
}
- (void)awakeFromNib
{
[super awakeFromNib];
[self setUp];
}
- (void)setUp
{
CGFloat w = self.bounds.size.width;
// 大圓的半徑
_oriSmallRadius = w / 2;
self.layer.cornerRadius = w / 2;
self.smallCircleView.bounds = self.bounds;
self.smallCircleView.center = self.center;
self.smallCircleView.layer.cornerRadius = w / 2;
self.smallCircleView.clipsToBounds = YES;
[self setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
self.titleLabel.font = [UIFont systemFontOfSize:12];
// 添加手勢(shì)
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)];
[self addGestureRecognizer:pan];
}
- (void)pan:(UIPanGestureRecognizer* )pan
{
CGPoint tranP = [pan translationInView:self];
CGPoint centerP = self.center;
centerP.x += tranP.x;
centerP.y += tranP.y;
self.center = centerP;
self.smallCircleView.hidden = NO;
[pan setTranslation:CGPointZero inView:self];
// 獲取兩圓 之間的距離
CGFloat d = [self circleCenterDistanceWithBigCircleCenter:self.center WithSmallCircleCenter:_smallCircleView.center];
CGFloat smallRadius = _oriSmallRadius - d / 10;
_smallCircleView.bounds = CGRectMake(0, 0, smallRadius * 2, 2 * smallRadius);
_smallCircleView.layer.cornerRadius = smallRadius;
// 如果兩圓之間的距離 大于某個(gè)值
if (d > _oriSmallRadius * 10)
{
self.smallCircleView.hidden = YES;
[self.shapeLayer removeFromSuperlayer];
self.shapeLayer = nil;
}
else if (d> 0 && self.smallCircleView.hidden == NO)
{
self.shapeLayer.path = [self pathWithBigCircleView:self WithSmallCircleView:self.smallCircleView].CGPath;
}
// 手勢(shì)結(jié)束
if (pan.state == UIGestureRecognizerStateEnded)
{
// 手勢(shì)結(jié)束 大于某個(gè)值 動(dòng)畫(huà)移除
if (d > _oriSmallRadius * 10 )
{
UIImageView *imageView = [[UIImageView alloc]initWithFrame:self.bounds];
NSMutableArray *imageArr = [NSMutableArray array];
imageView.animationImages = imageArr;
imageView.animationRepeatCount = 1;
imageView.animationDuration = 0.5;
[imageView startAnimating];
[self addSubview:imageView];
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.4 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[self removeFromSuperview];
});
}
else //手勢(shì)結(jié)束 彈簧動(dòng)畫(huà)
{
[self.shapeLayer removeFromSuperlayer];
self.shapeLayer = nil;
[UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:0.2 initialSpringVelocity:0 options:UIViewAnimationOptionCurveLinear animations:^{
// 設(shè)置大圓中心點(diǎn)位置
self.center = self.smallCircleView.center;
} completion:^(BOOL finished) {
self.smallCircleView.hidden = YES;
}];
}
}
}
//計(jì)算兩個(gè)圓心之間的距離
- (CGFloat)circleCenterDistanceWithBigCircleCenter:(CGPoint)bigCircleCenter WithSmallCircleCenter:(CGPoint)smallCircleCenter
{
CGFloat offsetX = bigCircleCenter.x - smallCircleCenter.x;
CGFloat offsetY = bigCircleCenter.y - smallCircleCenter.y;
return sqrt(offsetX * offsetX + offsetY * offsetY);
}
// 獲取不規(guī)則圖形的 路徑
- (UIBezierPath *)pathWithBigCircleView:(UIView*)bigCircleView WithSmallCircleView:(UIView*)smallCircleView
{
CGPoint bigCenter = bigCircleView.center;
CGFloat x2 = bigCenter.x;
CGFloat y2 = bigCenter.y;
CGFloat r2 = bigCircleView.bounds.size.width / 2;
CGPoint smallCenter = smallCircleView.center;
CGFloat x1 = smallCenter.x;
CGFloat y1 = smallCenter.y;
CGFloat r1 = smallCircleView.bounds.size.width / 2;
// 獲取圓心距離
CGFloat d = [self circleCenterDistanceWithBigCircleCenter:bigCenter WithSmallCircleCenter:smallCenter];
CGFloat sinθ = (x2 - x1) / d;
CGFloat cosθ = (y2 - y1) / d;
// 坐標(biāo)系基于父控件
CGPoint pointA = CGPointMake(x1 - r1 * cosθ, y1 + r1 * sinθ);
CGPoint pointB = CGPointMake(x1 + r1 * cosθ, y1 - r1 * sinθ);
CGPoint pointC = CGPointMake(x2 + r2 * cosθ, y2 - r2 * sinθ);
CGPoint pointD = CGPointMake(x2 - r2 * cosθ, y2 + r2 * sinθ);
CGPoint pointO = CGPointMake(pointA.x + d / 2 * sinθ, pointA.y + d / 2 * cosθ);
CGPoint pointP = CGPointMake(pointB.x + d / 2 * sinθ, pointB.y + d / 2 * cosθ);
UIBezierPath *path = [UIBezierPath bezierPath];
// A
[path moveToPoint:pointA];
//B
[path addLineToPoint:pointB];
// 繪制BC曲線
[path addQuadCurveToPoint:pointC controlPoint:pointP];
// CD
[path addLineToPoint:pointD];
//繪制DA曲線
[path addQuadCurveToPoint:pointA controlPoint:pointO];
return path;
return nil;
}
// 取消高亮狀態(tài)
- (void)setHighlighted:(BOOL)highlighted
{
}
4CB5BD58-A38B-4578-98B2-3666952A1E76.png
2EC47F8A-6CE1-453B-852C-DC7CFA9692C7.png
