前言 hi 大家好 又跟大家见面了,今天给大家分享的是抖音的点赞动画的实现, 废话不多说上图 本篇文章主要包含技术点: CAShapeLayer和贝赛尔曲线绘制三角形 组合动画的时间技巧 我习惯写完文章的demo都附在文章底部,如果不想看原理的小伙伴可直接跳到底部找demo下载. 实现原理 首先 我们来详细分解一下这个动画 请仔细观察 我们来看单独的...

前言 这几天一直跟开源的抖音demo斗智斗勇,今天跟大家分享的是抖音中或者快手中加载视频的动画 上图看成品 实现原理 首先我创建一个视图 @interface ViewController () @property (nonatomic, strong) UIView *playLoadingView; @end @implementation ViewController...

前言 在Core Animation中 我们经常使用CABasicAnimation或者它的子类做一些动画 一般情况下我们都要用到Keypath,最近在研究动画,想整理一下所有可用的Keypath在iOS的核心动画中. CALayer的相关属性 废话不多说 我们上一段代码演示一下 这篇的主题 CABasicAnimation * scaleAnimation = [CABasicA...

前言 前两天分享了 抖音 上下滑切换 ,今天给和大家分享的是抖音右小角底部的专辑动画 上图看下 再看下抖音的 具体实现思路 首先需要3涨素材 这个在demo中就可以找到哈 在文章底部demo中有 ContrainerView Background Layer Album (UIImageView) 我们首先写个 MusicAlbumView 继承自...

前言 一直一来都在 研究抖音App做的短视频 上下滑动 的技术实现, 今天写了个demo,方便学习技术技巧和记录知识, 技术实现原理 UITableView 其实就是一个UITableView改变上下显示范围. talk is cheap show me the code 我说话不绕弯子,代码如下 实现起来非常简单 _tableView = [[UITableVie...

前言 写了一个简单的利用 透明度和 缩放 实现的 数字倍数动画 实现思路 上代码 看比较清晰 // 数字跳动动画 - (void)labelDanceAnimation:(NSTimeInterval)duration { //透明度 CABasicAnimation *opacityAnimation = [CABasicAnimation animationW...

前言 快放假了, 怕十一文章更新不及时,早点完成文章,保证每个月 2篇的产出量, 今天给大家带来的是 呼吸动画, 做的不是特别好. 上图 大概是这个样子 需求和实现思路 具体要求 内部头像呼吸放大缩小 无限循环 每次放大同时需要背景还有一张图也放大 并且透明 点击缩放整个背景视图 实现思路 首先 需要使用创建一个Layer 装第一个无限放大缩小的呼吸的图 ...

前言 开发过程中经常遇到UIButton点击区域太小 又不想 改动按钮的大小. 今天的文章和大家分享一下解决这种问题的代码 实现思路 子类话UIButton 复写 它的hitTest:方法 子类话UIButton 复写 point:inside:withEvent: 方法 第一种方式 override func hitTest(_ point: CGPoint, wi...

前言 很久没写技术文章里,本篇记录了一下一个键盘弹出的小细节动画,像微信一样流程 上图 动画细节代码 细节核心主要是通知中的一些key 动画时长 动画的出现方式 … 下面的通知是接收 键盘将要出现的通知UIKeyboardWillShowNotification [[NSNotificationCenter defaultCenter] addObserv...

前言 荷兰🇳🇱被称为”海上马车夫”，今天讲述的故事与海上马车夫的有关的爱情故事，但它属于东方，属于中国。 船🚢 它是一搜小船，船上有两只船桨，这艘船从驶出造船厂的时候，就被定义为普通货物运输船只，载重不超过1吨，造这艘船的主人希望能靠这只船养家糊口，但又舍不得花更多的钱买好的木料来制造它。 灯塔 这是一座集成很多高新科技的灯塔，塔基可以在海上漂浮，自动平衡系统让他在海浪的动荡中...