typedef NS_ENUM(NSUInteger, FlashButtonType){  # 風(fēng)格定義一個(gè)枚舉類型的去表示 分別是代表動(dòng)畫在里面和外面 (便于理解)  DDFlashButtonInner = 0,  DDFlashButtonOuter = 1};# 定義的兩個(gè)屬性@property (strong, nonatomic) UIColor *flashColor;@property (assign, nonatomic) FlashButtonType buttonType;# 寫這個(gè)方法可以對(duì) View 的子視圖上的子控件進(jìn)行操作, 可以不把子控件都暴露出去- (void)setText:(NSString *)text withTextColor:(UIColor *)textColor;

- (instancetype) initWithFrame:(CGRect)frame{  if (self = [super initWithFrame:frame]) {# 創(chuàng)建手勢(shì) 并添加到 View 上    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(didTap:)];     [self addGestureRecognizer:tap];    self.textLabel = [[UILabel alloc] initWithFrame:self.bounds];    self.textLabel.backgroundColor = [UIColor clearColor];    [self.textLabel setTextAlignment:NSTextAlignmentCenter];    [self addSubview:self.textLabel];    self.backgroundColor = [UIColor cyanColor];# 給一個(gè)默認(rèn)的風(fēng)格 不設(shè)置就是代表 動(dòng)畫在里面    self.buttonType = DDFlashButtonInner;  }    return self;}

- (void)setText:(NSString *)text withTextColor:(UIColor *)textColor{# 就是給 Label 賦外界傳來的值 若有其他的控件可以改一些參數(shù)用此方法  if (text)  {    [self.textLabel setText:text];  }  if (textColor)  {    [self.textLabel setTextColor:textColor];  }}

# 這里就是重寫了ButtonType setter方法,同時(shí)判斷一下風(fēng)格根據(jù)風(fēng)格選擇是否把超過視圖 View 的部分裁剪掉- (void)setButtonType:(FlashButtonType)buttonType{  _buttonType = buttonType;    if (buttonType == DDFlashButtonInner)  {// 內(nèi)容和子視圖是夾在視圖的邊界內(nèi) ( 只允許 view范圍內(nèi)有子視圖和類容可以顯示 )    self.clipsToBounds = 1;  }else  {// 外面可以顯示    self.clipsToBounds = 0;  }}

- (CAAnimationGroup *)createFlashAnimationWisthScale:(CGFloat)scale                      duration:(CGFloat)duratiton{# 創(chuàng)建按比例收縮變大的動(dòng)畫// 指定要在渲染動(dòng)畫性能時(shí)的關(guān)鍵路徑 也就是圖形轉(zhuǎn)換的方式 這里是按收縮比例 這里也可以不用.scale 因?yàn)槲覀兂跏贾翟O(shè)置是根據(jù)CATransform3D  CABasicAnimation *scaleAnnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];// 動(dòng)畫開始點(diǎn)  // 這個(gè)動(dòng)畫效果初值 就是本身的原始的位置  scaleAnnimation.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];  // 等價(jià) scaleAnnimation.fromValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(1, 1, 1)];// 動(dòng)畫結(jié)束點(diǎn)  // 在 x 軸和 y 軸的變化比例  scaleAnnimation.toValue = [NSValue valueWithCATransform3D:(CATransform3DMakeScale(scale, scale, 1))];# 創(chuàng)建透明度變換的動(dòng)畫  CABasicAnimation *alphaAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];  alphaAnimation.fromValue = @1;  alphaAnimation.toValue = @0;# 創(chuàng)建動(dòng)畫組把上面兩個(gè)動(dòng)畫加進(jìn)去   CAAnimationGroup *animation = [CAAnimationGroup new];  animation.animations = @[scaleAnnimation,alphaAnimation];// 動(dòng)畫效果 (節(jié)奏, Timing Function的會(huì)被用于變化起點(diǎn)和終點(diǎn)之間的插值計(jì)算.形象點(diǎn)說是Timing Function決定了動(dòng)畫運(yùn)行的節(jié)奏(Pacing),比如是均勻變化(相同時(shí)間變化量相同),先快后慢,先慢后快還是先慢再快再慢.)  animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];# 返回我們想要的動(dòng)畫效果組   return animation;}

- (CAShapeLayer *)creatCircleShapWithPostion:(CGPoint)position                  pathRect:(CGRect)rect                   radius:(CGFloat)radius{  CAShapeLayer *circleShap = [CAShapeLayer layer];// 從貝塞爾曲線取到形狀  circleShap.path = [UIBezierPath bezierPathWithRoundedRect:frame cornerRadius:radius].CGPath;// 雖然得到了形狀, 但是并沒有得到具體的 frame(bounds) 也就是實(shí)際上并沒有范圍 只是可以展現(xiàn)動(dòng)畫的效果 那么錨點(diǎn)其實(shí)就是設(shè)置的位置點(diǎn)  circleShap.position = position;  if (self.buttonType == DDFlashButtonInner)  {# 在這里設(shè)置 frame 就是為了滿足我們想要的錨點(diǎn)位置讓動(dòng)畫效果動(dòng)起來, 下面也一樣, 可以不設(shè)置試試效果就明白了!   // circleShap.bounds = CGRectMake(0, 0, radius *2, radius *2);   circleShap.frame = CGRectMake(position.x-radius, position.y-radius, radius*2, radius*2);    // 線寬    circleShap.lineWidth = 1;    // 填充的顏色 不設(shè)置默認(rèn)就給黃色    circleShap.fillColor = self.flashColor ? self.flashColor.CGColor:[UIColor yellowColor].CGColor;  }else  {     circleShap.frame = self.bounds;   // 線寬    circleShap.lineWidth = 5;    circleShap.fillColor = [UIColor clearColor].CGColor;  // 邊緣線的顏色 不設(shè)置就默認(rèn)給個(gè)紫色  circleShap.strokeColor = self.flashColor ? self.flashColor.CGColor:[UIColor purpleColor].CGColor;  }  // 不透明度 要設(shè)置成透明的 不然內(nèi)部風(fēng)格的時(shí)候會(huì)畫出來圖案點(diǎn)點(diǎn)  circleShap.opacity = 0;  return circleShap;}

- (void)didTap:(UITapGestureRecognizer *)tapGesture{// 獲取點(diǎn)擊點(diǎn)的位置  CGPoint tapLocation = [tapGesture locationInView:self];// 定義一個(gè)圖層 下面分情況去給予不同形狀   CAShapeLayer *circleShape = nil;// 默認(rèn)一個(gè)變化比例 1 倍   CGFloat scale = 1.0f;// 獲取 View 的寬和高   CGFloat width = self.bounds.size.width, height = self.bounds.size.height;   if (self.buttonType == DDFlashButtonInner)  {# 這里就是在視圖內(nèi)部效果, 就是以點(diǎn)擊的點(diǎn)為圓心 畫一個(gè)小圓(這里是半徑為1) 然后讓它動(dòng)畫起來 (不斷的變大并變透明) 所以放大倍數(shù)只要能到最大的變就行了 不一定非要這樣寫, 你開心就好!    CGFloat biggerEdge = width > height ? width :height;     CGFloat radius = 1    scale = biggerEdge / radius + 0.5;# 調(diào)用方法獲得圖層 錨點(diǎn)位置就是點(diǎn)擊的位置circleShape = [self creatCircleShapWithPostion:CGPointMake(tapLocation.x , tapLocation.y ) pathRect:CGRectMake(0, 0, radius * 2, radius * 2) radius:radius];     }else  {# 這個(gè)是外部動(dòng)畫效果 設(shè)置能放大5.5倍    scale = 5.5f;# 錨點(diǎn)位置在 View 的中心 這個(gè)圖層和 View 是一樣的形狀范圍   circleShape = [self creatCircleShapWithPostion:CGPointMake(width /2 , height / 2) pathRect:self.bounds radius:self.layer.cornerRadius];   }// view圖層 上添加 有形狀的自定義圖層  [self.layer addSublayer:circleShape];# 給自定義圖層添加動(dòng)畫    [circleShape addAnimation:[self createFlashAnimationWisthScale:scale duration:1.0f] forKey:nil];}