随笔分类 -  绘图与动画

关键帧动画结束后会有短暂停顿
摘要：关键帧动画动画设为keyframe.repeatCount = CGFLOAT_MAX;后，每次结束之后都有短暂停顿，怎么解决？ 其实很简单，设一个属性即可： // 计算模式 -> 强制运动,匀速进行,不管路径有多远!否则一次动画结束会有短暂停顿 keyframe.calculationMode = 阅读全文
posted @ 2017-01-08 10:46 ys123456789 阅读(1247) 评论(0) 推荐(0)
基本动画CABasicAnimation - 完成之后闪回初始状态
摘要：基本动画CABasicAnimation 结束之后，默认闪回初始状态，那怎么解决呢？ position需要设备两个属性： 设置之后，不会再闪回去，但其实控件的位置并未改变，还在原来的位置，只是“显示层”挪到了新位置。 可以通过动画的代理方法来实现： 实现代理方法： 如果是transform.scal 阅读全文
posted @ 2017-01-07 20:17 ys123456789 阅读(4932) 评论(0) 推荐(0)
CALayer的m34 - 三维透视效果
摘要：1 CATransform3D transform = CATransform3DIdentity; 2 3 // 修改transform的m34达到透视效果 4 // - 1.0 / (500 ~ 1000 效果最好!) 5 // 注意：一定要放在3D前面，顺序不能换，分母越小效果越明显 6 transform.m34 = -1.0... 阅读全文
posted @ 2017-01-06 16:12 ys123456789 阅读(199) 评论(0) 推荐(0)
非RootLayer的隐式动画
摘要：非RootLayer都有隐式动画，默认0.25秒。 阅读全文
posted @ 2017-01-06 16:01 ys123456789 阅读(230) 评论(0) 推荐(0)
CALayer的transform属性
摘要：先来与View比较一下 View：transform -> CGAffineTransformRotate... layer：transform -> CATransform3DRotate... 有三维的效果，3D即3个坐标轴 x,y,z轴 阅读全文
posted @ 2017-01-06 15:53 ys123456789 阅读(1547) 评论(0) 推荐(0)
CALayer基本介绍与常见属性
摘要：属性框架：QuartzCore CA: CoreAnimation -> 核心动画，所有的核心动画都是添加给layer的! 与UIView的区别： 1、layer负责内容的展示,不接受任何用户交互! 2、UIView继承自UIResponder,可以接受用交互,执行事件处理操作! 创建CALayer 阅读全文
posted @ 2017-01-06 15:37 ys123456789 阅读(257) 评论(0) 推荐(0)
图形上下文的栈操作(保存和恢复)
摘要：图形上下文的栈操作 1、在对图形上下文进行操作之前先保存到栈 CGContextSaveState(图形上下文)，相当于在内存中开辟一块区域用来存放图形上下文最原始的状态 2、操作图形上下文（栈操作） 3、添加路径（会受栈操作影响） 4、恢复图形上下文 CGcontextRestoreGState 阅读全文
posted @ 2017-01-06 14:46 ys123456789 阅读(613) 评论(0) 推荐(0)
图形上下文的矩阵操作(平移-缩放-旋转)
摘要：图形上下文的矩阵操作(旋转、缩放和平移) CGContextRotateCTM：图形上下文旋转，以上下文的原点(左上角)为基准 CGContextScaleCTM：图形上下文的缩放，以上下文的原点(左上角)为基准 CGContextTranslateCTM：图形上下文的平移，以上下文的原(左上角)点 阅读全文
posted @ 2017-01-06 14:35 ys123456789 阅读(721) 评论(0) 推荐(0)
Quartz2D内存管理
摘要：* 在C语言函数中,遇到了create或copy或retain!这些关键单词创建的对象,最后结束的时候,需要自己release! * ARC -> 自动内存管理针对的是oc! * 释放对象的方式! CGPathRelease() 静态分析工具: -> 从代码的结构上分析是否存在内存管理不当的问题! 阅读全文
posted @ 2017-01-05 20:36 ys123456789 阅读(245) 评论(0) 推荐(0)
文字绘制-图片绘制-水印绘制思路
摘要：1 override func draw(_ rect: CGRect) { 2 3 // 文字绘制 - 可以做文字水印 4 let str = "打脸啊" as NSString 5 6 let attDict:[String:Any] = [NSFontAttributeName:UIFo... 阅读全文
posted @ 2017-01-05 16:51 ys123456789 阅读(372) 评论(0) 推荐(0)
UIBezierPath-完善曲线
摘要：1 override func draw(_ rect: CGRect) { 2 3 let path = UIBezierPath() 4 5 // 起点 6 path.move(to: CGPoint(x: 0, y: 150)) 7 8 // 完善曲... 阅读全文
posted @ 2017-01-05 16:36 ys123456789 阅读(363) 评论(0) 推荐(0)
UIBezierPath-绘制基本图形
摘要：步骤1：确定路径 步骤2：渲染 阅读全文
posted @ 2017-01-05 16:12 ys123456789 阅读(200) 评论(0) 推荐(0)
drawRect与setNeedsDisplay简单介绍
摘要：1.rect默认就是自己的bounds 2.drawRect的调用? // - 当视图第一次显示到屏幕的时候会调用一次 // - 在调用这个方法的时候,系统会帮我们创建好图形上下文，所以我们只需要获取图形上下文即可 // - 显示完毕之后,就不会再调用此方法 3.如何调用drawRect方法 // 阅读全文
posted @ 2017-01-05 15:50 ys123456789 阅读(809) 评论(0) 推荐(0)
CoreGraphics-线段常见属性及渲染模式介绍
摘要：线段常见属性： 1、线宽 2、线头样式 3、接头样式 4、颜色(包括描边颜色和填充颜色) 阅读全文
posted @ 2017-01-05 15:31 ys123456789 阅读(593) 评论(0) 推荐(0)
CoreGraphics-基本图形绘制-直线、三角形、矩形、椭圆形、弧形
摘要：框架：CoreGraphics 步骤： 1、“获取”图形上下文 let cxtRef = UIGraphicsGetCurrentContext()! 2、添加路径 3、渲染 cxtRef.strokePath() ：描边，只画线条 cxtRef.fillPath() ：填充，负责里面的内容，不管边 阅读全文
posted @ 2017-01-05 15:00 ys123456789 阅读(764) 评论(0) 推荐(0)
点击按钮，使按钮进行左右翻转动画
摘要：1 // UIView.transition 2 3 // 1、可以设置从一个View到另一个View的转场动画 4 // UIView.transition(from: , to: , duration: , options: , completion: Void)?##((Bool) -> Void)?##(Bool) -> Void#>) 5 6 // 2、可以设置一个V... 阅读全文
posted @ 2017-01-03 18:30 ys123456789 阅读(573) 评论(0) 推荐(0)
清除指定区域
摘要：核心绘图 - 清除指定区域的函数 - 注意：视图背影颜色要为clearColor，否则清除之后为黑色 阅读全文
posted @ 2017-01-02 12:54 ys123456789 阅读(161) 评论(0) 推荐(0)
画虚线
摘要：绘制一条虚线，此方法可以写到UIImage的分类中，直接写成类方法调用即可。 阅读全文
posted @ 2016-12-25 10:41 ys123456789 阅读(204) 评论(0) 推荐(0)
屏幕适配-预览工具的使用
摘要：有时候我们为了适配屏幕，需要多次在不同的模拟器上运行，有什么办法可以快速查看适配情况了，其实Xcode已经提供了快速查看的工具。 1、打开辅助逻辑器： 2、选择“Preview”： 4、删除“预览”中的内容，然后点击左下角的“+”： 5、此时，就可以查看多个模拟器的适配情况了，还可以对模拟器进行旋转 阅读全文
posted @ 2016-11-25 22:38 ys123456789 阅读(251) 评论(0) 推荐(0)