跟着斯坦福白胡子老头学UIDynamic动画的技巧

UIDynamic是从iOS 7开始引入的一种新技术,隶属于UIKit框架可以认为是一种物理引擎,能模拟和仿真现实生活中的物理重力、弹性碰撞、附着行为、捕捉行为、推动行为和动力元素等现象。

DropIt.gif

首先要在stroyboard里添加一个UIView, 并设置constraint跟父View边界相同(点击Reset to Suggested Constraints), 即充满屏幕。
我从这个Demo里总结了一些实际编码中可以用到的技巧, 供大家参数。

技巧1: 如果需要实现extension, 可以新建一个Swift文件, 一个类/枚举/结构体的所有扩展都放在同一个文件里(例如在A文件里扩展UIView,在B文件也扩展UIView, 这个语法不好维护,对同一个数据结构的扩展要放在一起!); 扩展在整个程序内都有效;示例代码:
<pre>
extension UIView {
//根据坐标判断对应的UIView
func hitTest(p: CGPoint) -> UIView? {
return hitTest(p, with: nil)
}
}

extension UIBezierPath {
//静态函数, 画直线
class func lineFrom(from: CGPoint, to: CGPoint) -> UIBezierPath {
let path = UIBezierPath()
path.move(to: from)
path.addLine(to: to)
return path
}
}
</pre>

技巧2:得到随机数, 在Swift语言里使用arc4random()方法,实际编码中建议使用扩展语法实现。 示例代码是CGFloat, 还可以是Int、Double等等。
<pre>
extension CGFloat {

/**
 *  返回范围内的随机数
 * @param max, 最大值
*/
static func random(max: Int) -> CGFloat {
    return CGFloat(arc4random() % UInt32(max))
}

}
</pre>

技巧3: UIView是所有界面空间的基类, 能添加子UIView(这点跟Andriod的View不同); 注意父UIView可以添加子UIView, 但是需要使用子UIView的方法才能移除(这点跟Android的ViewGroup不同)。
<pre>
let drop = UIView(frame: frame) //创建一个UIView
addSubview(drop) //添加drop到当前UIView里
drop.removeFromSuperview() //drop从父UIView中移除, 考虑一下drop执行了哪些生命周期函数?
</pre>

技巧4: 使用闭包语法为变量赋初值, lazy关键字为懒加载,即运行时调用了animator变量后才会执行闭包代码。
<pre>
private lazy var animator: UIDynamicAnimator = {
let animator = UIDynamicAnimator(referenceView: self)
animator.delegate = self
return animator
}()
</pre>

技巧5: 监听属性变化didSet/WillSet事件(观察者模式)并添加对应逻辑。 还记得前面博文提到的两个类相互引用的问题么,使用weak关键字解开闭环;注意下面代码, 如果在闭包里使用了self, 那么外部类实例和闭包之间形成了相互引用的关系, 这时需要使用[unowned self]避免内存泄漏。
<pre>
private var attachment: UIAttachmentBehavior? {
willSet {
if attachment != nil {
... //attachment值变化前,做逻辑
}
}
didSet {
if attachment != nil {
... //attachment值变化后,做逻辑
attachment!.action = {[unowned self] in
if let attachedrop = self.attachment!.items.first as? UIView {
self.bezierPaths["line"] = UIBezierPath.lineFrom(from: (self.attachment?.anchorPoint)!, to: attachedrop.center)
}
}
}
}
}<</pre>

技巧6: if逻辑判断需要where关键字的功能, 这时要使用逗号。 下面示例代码的意思是dropToAttachTo不是nil时才执行后面的语句dropToAttachTo.superview != nil , 如果条件都满足则进入代码块。
<pre>
if let dropToAttachTo = lastDrop, dropToAttachTo.superview != nil {
attachment = UIAttachmentBehavior(item: dropToAttachTo, attachedToAnchor: gesturePoint)
}
</pre>

技巧7:对应Optional参数类型,即值可能为nil。 在Java语法里要写一堆的判空,语句间使用&&连接; Swift3.0省略了判空操作,再也不用写蛋疼的判空语句了。
请问下面的语句会崩溃吗?<pre>
attachment = nil
attachment?.anchorPoint = gesturePoint //attatchment后面是问号,说明他是Optional类型
</pre>答: 不会!
翻译一下: 如果attachment等于nil则不调用.后面的参数, 如果attachment有值则调用后面的参数。扩展一下可以是这样: attachment?.param1?.param2?.param3?.someValue , 如果用Java写这条语句要被累死!!!

技巧8: 自定义UIView绘制若干个图形时,可以使用Dictionary数组。 注意setNeedsDisplay函数类似于Android的invalidate,相当于设置个逻辑判断参数为true,UIView会在下个绘制周期时调用drawRect函数; 自定义UIView定义一个数组, 在drawRect函数里遍历并绘制。
<pre>
var bezierPaths = String:UIBezierPath {
didSet {
setNeedsDisplay() //触发刷新
}
}
override func draw(_ rect: CGRect) {
for (_, path) in bezierPaths {
path.stroke() //画线
}
} </pre>

代码下载地址:
https://github.com/brycegao/DropIt#dropit

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,276评论 4 61
  • 简单整理下在Oc编译环境下如何与html文件进行交互,本文介绍两种比较简单的交互方式 第一种方法 —— 拦截UIW...
    杭州七木科技阅读 723评论 0 1
  • 清流独戏水,林荫小径踏歌行,炎暑听蛙鸣。清风微拂面,略有闲情,无浅草没马之感,却亦静心。酷暑虽难耐,别有风情。听虫...
    楚地小生阅读 530评论 0 7
  • #燃烧之鬼# #追凌# cr殊之 供梗来源:桑果mulberry 原梗作者:燃烧之鬼 蓝思追夜猎的时候,不慎沾上了...
    _殊之_阅读 2,718评论 2 19
  • 自打电子通讯设备软件有了飞越性的发展,对于我这种年年月月分不清几时何日的人,真是莫大的惊喜。不论时间如何度过,...
    一思瑶一阅读 294评论 1 1