6 孟宪亮

尚未进行身份认证

技术博客

等级
博文 93
排名 1w+

爱奇艺播放按钮动画解析

一、动画过程分析1、拆分动画正常动画效果如下:操作现象结论放慢动画这个效果可以反复多看几次,观察一下这个动画是由那几部分组成的,然后再往下看添加辅助颜色可以看出,整个动画有四部分组成:1、左侧竖线2、右侧竖线3、三角形4、底部过渡圆弧只保留竖线竖线的动画包括两部分,一部分是开始的“预备”动画和结束时的“惯性”动画;第二步分是

2017-08-29 11:54:14

优酷播放按钮动画原理解析

一、动画过程分析1、拆分动画正常动画效果如下:操作现象结论放慢动画可以看出动画是由外侧的蓝色部分和中间的红色三角组成。去掉旋转可以看出核心的东西就是竖和弧线的缩进、三角形的透明度变化。只保一侧留竖线和圆弧可以看出竖线的动画时长大概是圆弧动动画时长的一半;弧线的运动角度是π/2,两个弧线正好组成一个完整的圆环。只保留三角动画

2017-08-16 16:58:14

iOS自动打包并发布到Fir.im

一、前言最近公司有个新需求,就是后台要添加一个新功能,在页面上更换App的标题、Logo等信息,然后可以自动生成apk和ipa文件。于是就研究了一下自动打包ipa这个功能二、牛逼的工具fastlanefastlane这个工具牛逼之处就是几乎包含了和ipa相关的所有功能,例如打包、提交审核、测试、自动截屏等等。这里就主要介绍一下其中的打包工具gym。

2017-06-06 17:08:39

UIColor间的过渡算法

示例图代码-(UIColor*)transformFromColor:(UIColor*)fromColortoColor:(UIColor*)toColorprogress:(CGFloat)progress{progress=progress>=1?1:progress;progress=progress<=0?0:progress

2017-05-19 09:39:10

iOS 动画解析 支付宝支付动画 下

上一篇博客分析了支付中动画的实现,本篇博客是分析支付完成的动画。一、动画解析为了方便观察,放慢了动画的速度,并添加辅助线:通过上图可知,支付完成的动画由两部分组成:圆环动画+对号动画二、代码实现1、圆环动画这个动画比较简单,是利用贝塞尔曲线画弧的功能。再利用CAShapeLayer的strokeEnd属性加上核心动画实现的圆环动画。-(void)circleAnimation{//显

2017-04-17 16:07:22

iOS 动画解析 支付宝支付动画 上

平时在用支付宝付款时,会有一个支付中的动画和一个支付完成的动画。这篇博客主要分析一下支付中的动画效果,效果如下:一、动画解析为了方便观察,添加了放慢加载动画的速度并添加辅助线:从图中可以看出:加载圆弧运动轨迹可分为前半段和后半段;并且圆弧的起始角度(StartAngle)和结束角度(EndAngle)在做有规律的变化;前半段:从-0.5π到π,这一段运动中速度较快;StartAngle不变,始

2017-04-17 12:54:12

iOS 动画解析 圆球加载动画 XLBallLoading

一、显示效果二、原理分析1、拆解动画从效果图来看,动画可拆解成两部分:放大动画、位移动画放大动画比较简单,这里主要来分析一下位移动画(1)、先去掉缩放效果:(2)、去掉其中的一个圆球现在基本可以看出主要原理就是让其中一个圆球绕另一个球做圆弧运动,只要确定一个圆球的运动轨迹,另一个圆球和它左相对运动即可。下面咱们重点说一下这个圆弧运动的原理。2、圆弧运动为了方便观察我们先放慢一下这个动画,然后添

2017-04-12 19:43:28

iOS UICollectionView无限轮播

一、最终效果二、原理说明通过UICollectionView实现横向滚动轮播效果如下图所示,当移动到左右边缘后不可以继续移动将CollectionView展开后的示意图如下:思考:要使CollectionView滚动到左边缘和右边缘时均可以继续滚动,并且从左边缘向左滚动时显示的是最后一页,从右边缘向右滚动时显示的是第一页,可以在左边插入最后一页,在右

2017-03-06 20:47:54

GitHub Pages 绑定域名

第一步:创建一个新的仓库命名方式为 账号+.github.io,例如我的仓库名为:mengxianliang.github.io第二步:在仓库里添加CNAME文件有两总方式:第一种:在仓库里添加一个文件,命名为 CNAME,文件名大写且没有后缀;文件里填写要绑定的域名且不要包含Http://和www第二种:进入设置,找到 Customdomain

2017-02-09 11:05:28

iOS 仿微博客户端红包加载界面 XLDotLoading

一、显示效果二、原理简介1、思路要实现这个效果需要先知道这两个硬币是怎样运动的,然后通过放大、缩小的效果实现的这种有距离感的效果。思路如下:一、这两个硬币是在一定范围内做相对运动的,可以先使一个硬币在一个固定范围内做左右的往复运动,另一个硬币和它做“相对运动”即可。二、让硬币从左至右移动时先变小再回复正常;从右至左移动时先变大再回复正常;这样就实现了这用有距离感的“相对

2017-02-07 12:57:51

iOS 利用UICollectionView拖拽排序 实现的仿照腾讯新闻频道管理功能 XLChannelControl

一、实现效果   频道界面的显示------------》点击进行添加/删除--------》按住可以进行拖拽排序        二、实现原理1、主要思路就是把所有的按钮分成两部分,上部分放置的的是已经订阅的频道,下半部分放置的是推荐的频道;把按钮放到两个集合里,然后按照按钮在集合里的顺序进行排序。//保存上半部分卡片NSMutable

2017-01-12 10:06:44

iOS 利用UICollectionView横向滚动、余弦函数曲线特性实现居中放大的卡片浏览工具 XLCardSwitch

一、实现效果   二、原理说明利用余弦函数的曲线特性实现的图片高度变化,具体原理请参考我的另一篇博客:iOS利用余弦函数实现卡片浏览工具三、代码说明1、创建方法XLCardSwitch*switchView=[[XLCardSwitchalloc]initWithFrame:CGRectMake(0,0,[selfScreen

2017-01-06 13:15:36

iOS 圆环进度指示器 XLCircleProgress

一、实现效果二、使用方法CGFloatcircleWidth=self.view.bounds.size.width;_circle=[[XLCircleProgressalloc]initWithFrame:CGRectMake(0,0,circleWidth,circleWidth)];_circle.center=self.vi

2017-01-05 21:37:56

iOS 仿照今日头条 实现的滚动表格 XLSlideSwitch

假装有摘要

2017-01-04 18:00:40

iOS 截屏方法

//获取屏幕截屏-(UIImage*)getScreenShotsOfView:(UIView*)view{CGSizesize=view.frame.size;UIGraphicsBeginImageContextWithOptions(size,NO,[UIScreenmainScreen].scale);CGContextRefcontext

2016-12-30 11:05:00

AVPlayer 截取视频流的当前帧

*在给应用截图是发现系统截图方法不能截取播放器的画面,所以需要手动截取视频当前帧的画面。本文说明的是AVPlayer的视频流截图方法。截取视频画面总共分三步一、声明所需属性@interfaceViewController(){AVPlayer*_player;AVPlayerItemVideoOutput*_videoOutPut;}@e

2016-12-29 17:56:30

NSArray 倒序

NSArray*arr=@[@"1",@"2",@"3"];NSEnumerator*enumerator=[arrreverseObjectEnumerator];arr=[enumeratorallObjects];

2016-12-28 15:33:11

iOS 调用系统相机显示中文标题

一、效果如下二、解决办法把Plist文件中的Localizationnativedevelopmentregion的值改为China

2016-12-16 11:26:31

Cocoapods 安装指定版本

$sudogeminstallcocoapods--version1.0.0

2016-12-07 17:04:27

iOS 利用正余弦曲线实现波浪形的XLWaveProgress

一、效果二、工作原理三、代码Demo下载

2016-11-10 21:32:48
奖章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!