iOS 中 CAShapeLayer 的使用 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课讲解 CAShapeLayer 与贝塞尔曲线基本原理,使用贝塞尔曲线创建出圆形形状,并结合 CAShapeLayer 的 StrokeStart 与 StrokeEnd 属性实现动画效果,最后结合所有知识将 CAShapeLayer、贝塞尔曲线、动画效果封装到控件当中。

    1.CAShapeLayer 简介 00:06:29

    本课介绍 CAShapeLayer 与 CALayer、贝塞尔曲线之间的简单联系,并通过一个 demo 演示 CAShapeLayer 实现的路径动画效果。

    2.贝塞尔曲线与 CAShapeLayer 的关系 00:12:23

    本课介绍多阶贝塞尔曲线的用途,并详细讲解贝塞尔曲线与 CAShapeLayer 之间的关系,以及使用贝塞尔曲线的一些注意事项。

    3.StrokeStart 与 StrokeEnd 动画 00:12:41

    本课讲解如何设置 CAShapeLayer 的属性值来显示出圆环并用 CAShapeLayer 的 StrokeStart 与 StrokeEnd 属性做动画。

    4.用 CAShapeLayer 实现圆形进度条效果 00:13:13

    本课在课时 3 的基础上将动画效果封装到控件当中。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

iOS 中 CAShapeLayer 的使用

4课时,45分钟2015-01-04
YouXianMing
YouXianMing

极客学院签约布道师

课程背景:
目前侧滑菜单已广泛应用于各大应用,这一菜单形式简洁明了,深受用户的喜爱。在谷歌官方推出 DrawerLayout 之前,开发者大都通过 SlidingMenu 开源库来实现这一功能。而现在 DrawerLayout 被谷歌包含在了 android-support-v4.jar 这个包下,可以让开发者更简单方便的实现侧滑菜单这一功能。


核心内容:
1.贝塞尔曲线与 CAShapeLayer 之间的关系
2.CAShapeLayer 的 StrokeStart 与 StrokeEnd 动画
3.利用 CAShapeLayer 的 StrokeStart 与 StrokeEnd 配合贝塞尔曲线实现圆形进度条效果


软件环境:Xcode 6


是否提供资料:


课程等级:初级


适合人群:
具有一定 iOS 基础的开发者

  • 技术问答

相关课程

  • 使用 RubyMotion3 开发 iOS 和 Android 应用

    本套课程主要对 Ruby 以及 RubyMotion 进行了简单的介绍,以及 RubyMotion3 的下载安装,并针对 iOS 和 Android 应用开发的环境配置,还演示了如何使用 RubyMotion3 开发 iOS 和 Android 应用。

    4课时 25分钟
    初级
    8024人学习
  • iOS 中 CALayer 的使用

    本课程将讲解 CALayer 的基本原理,从零开始手把手教大家如何用 CALayer 完整的定制一个下载进度条的控件,并用 CALayer 实现淡入淡出方式切换图片、用 CALayer 配合 png 图片实现遮罩的效果。

    3课时 53分钟
    初级
    11841人学习
  • iOS实战项目开发:三级控制器

    本课学习三级控制器的结构,了解 UITabBarController、UINavigationController 和 UIViewController 的关系,并通过自定义的方式学习最基本的一个三级控制器结构。

    3课时 30分钟
    初级
    8190人学习
  • iOS实战项目开发:QQ列表展示

    本课利用 UITableView 和代理方法实现 QQ 列表展开收起的功能。

    4课时 30分钟
    高级
    10213人学习