前言 很久没更新博客了(家里事情比较多时间太紧迫加上工作时间有限),今天给大家带来的是抖音得滚动字幕,也就是音乐专辑的专辑名称 废话不多说上图 抖音如下 系统的滚动字幕如下 本篇完成之后如下 支持蒙版渐变模糊 可调节 支持富文本字符串用于显示表情或者图片 开篇 整个实现比较简单 不超过 200行代码 首先我们要用到两个CALayer CAT...

前言 新年第一篇 把自己用的比较好的工具都记录下来 截屏 Snipaste 没当没有网络的时候 或者拿到新mac的时候由于没有什么软件截屏,不得不用QQ或者微信自带的截屏.这就逼着我不得不安装这两个app，有了Snipaste 跟截屏说再见吧 Snipaste是一个小巧强大的截图软件，可以直接对截图进行打码、标注、分享，而不用先保存到本地. 使用方法是按住Fn+F1 就出现了截...

前言 埋头苦干尽五年,晨起面镜白发先. 一年到头不见泪,岁月荏苒冬却寒. 仿佛回到一三年,北京站前望着天. 北漂掘金那刻起,人生已无再少年. 我要是能像你那么潇洒就好了,有时候你能做的事情我却做不到,我相信正义,可是没人相信我… 这一年过的像网速一样快,看着年末又到了,我依然得墨守陈规的交出我的2018年终总结 2018回顾 这一年的清单如下: 工作 演唱会 ...

前言 这几天比较忙,今天给大家带来的是抖音的转场动画实现 废话不多说上图 这里需要用到前一篇文章的上下滑demo 学习这篇文章之前推荐看下喵神的iOS7中的ViewController转场切换 如果对转场不是很了解的话可能学习会有一些难度和疑问. 转场调用代码 - (void)collectionView:(UICollectionView *)collectionView...

前言 这几天遇到一个问题 就是拖动手势作用在一个view上的时候 无法区分方向 于是找到stackOverFlow上的答案 记录一下 - (void)panRecognized:(UIPanGestureRecognizer *)rec { CGPoint vel = [rec velocityInView:self.view]; if (vel.x > 0) ...

前言 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...