iOS学习笔记:“刮刮乐”效果 2

参考Demo:HYScratchCardViewExample

GitHub - HoneyLuka/HYScratchCardViewExample: a simple scratchCardView

分析:

1.使用CAShapeLayer、CALayer属性及touchesBegan、touchesMoved、touchesEnded、touchesCancelled方法。

2.CALayer(奖品图片)上放一层CAShapeLayer,当用户触摸到某个点,根据这个点设置path(使用CGMutablePathRef属性),CAShapeLayer的path为此路径。

3.可以自定义背景图、涂层图,刮开后用block回调来处理事件。

新知识:

1.CAShapeLayer 常用属性;

No.1

2.CALayer 子类:CAGradientLayer,CATextLayer, CAShapeLayer等等;

UIView是iOS系统中界面元素的基础,所有的界面元素都继承自它。它本身完全是由CoreAnimation来实现的。它真正的绘图部分,是由一个叫CALayer(Core Animation Layer)的类来管理。UIView本身,更像是一个CALayer的管理器,访问它的跟绘图和跟坐标有关的属性,例如frame,bounds等等,实际上内部都是在访问它所包含的CALayer的相关属性。

延伸:

1.实现一个颜色渐变的弧形进度条;

iOS实现一个颜色渐变的弧形进度条 - iPhone手机开发技术文章 - 红黑联盟

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,406评论 4 61
  • 目录: 主要绘图框架介绍 CALayer 绘图 贝塞尔曲线-UIBezierPath CALayer子类 补充:i...
    Ryan___阅读 5,642评论 1 9
  • 平生第一次去游乐园,说实话新奇多于乐趣,毕竟年龄早就过线,能亲身体验平日电视常见的游乐设施,权当满足自己虚构已久的...
    留逝阅读 1,486评论 0 1
  • 海洋精灵,水中智叟,这便是喜欢海豚的人们赋予的赞美。我喜欢海豚,不管是电视里的还是海洋馆看到的。 ...
    秒针滴滴答阅读 2,860评论 0 0
  • 探讨iOS开发中各种锁使用NSCondition实现多线程同步 NSCondition是线程同步, 阻塞线程。 取...
    xiari1991阅读 1,049评论 0 0

友情链接更多精彩内容