Skip to content

A category of UIButton imitates the animation effect of favor button in DouYin App. 一个UIButton分类,模仿抖音App中点赞按钮的动画效果

Notifications You must be signed in to change notification settings

xiaosao6/CCAnimationBtn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CCAnimationBtn

A category of UIButton imitates the animation effect of favor button in DouYin App.

一个UIButton分类,模仿抖音App中点赞按钮的动画效果


CCAnimationBtn


效果:

PS: 实际效果比gif要更流畅

示例:

    UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(60, 60, 150, 150)];
    btn.ccIsFavoriteAnimationEnabled = YES;
    [btn addTarget:self action:@selector(btnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn];
    
-(void)btnClicked:(UIButton *)btn{
    btn.ccFavorite = !btn.ccFavorite;
}

特性

  • 使用Category实现,对UIButton无入侵
  • 使用代码绘制样式,无需图片资源
  • 可配置项: 线条数量、线条宽度、线条长度相对比例、中心icon相对比例、动画时长、选中/未选中颜色、未选中样式(线条/填充)、未选中线条宽度等。

原理说明

绘制心形,使用UIBezierPath绘制二次曲线与弧线;

绘制放射线,使用CAShapeLayer结合mask绘制多个三角形图层;

动画主要使用CABasicAnimation进行缩放,位移,旋转,透明度等属性进行动画

使用方法

直接下载工程,引用UIButton+CCFavoriteAnimation.h,配置参数后即可使用

注意事项

  • 使用了CASpringAnimation,需要iOS 9.0+

License

none

About

A category of UIButton imitates the animation effect of favor button in DouYin App. 一个UIButton分类,模仿抖音App中点赞按钮的动画效果

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published