swift详解之二十四---------------CoreAnimation(一)CALayer

CoreAnimation(一)CALayer



CoreAnimation 算是一个大话题 ,要实现很多炫酷的动画,必须掌握它,掌握它之前 ,先来了解CALayer — 图层

CALayer

我们平常都是用UIView 来构建应用,CALayer 是图层的一个属性 ,view.layer . 它和UIview一样都是一些被层级关系树管理的矩形块 ,如果玩儿过PS ,就会对图层的概念比较清晰 。CALayer 也可以包含一些一些内容(像图片,文本或者背景色),管理子图层的位置,也有一些方法和属性用来做动画和变换。和UIView最大的不同是CALayer不处理用户的交互。(这个可以通过hitTest来判断是否点击以后会说)

CALayer 应该算式UIView的内部实现细节 。对一些简单的需求来说,我们确实没必要处理CALayer,因为苹果已经通过UIView的高级API间接地使得动画变得很简单。 但是这种简单会不可避免地带来一些灵活上的缺陷。如果你略微想在底层做一些改变,或者使用一些苹果没有在UIView上实现的接口功能,这时除了介入Core Animation底层之外别无选择。

下面我们看看CLayer的一些基本属性:

1、contents

这个属性的类型被定义为id,意味着它可以是任何类型的对象。你可以给他赋任意值,编译不会报错 , 但是实践中如果你赋值的不是CGImage 。那得到的就是空白。

 view1.layer.contents = UIImage(named: "xhh")?.CGImage

可以通过设置contentsGravity 设置其显示模式 。相当于UIViewcontentMode

  • kCAGravityCenter
  • kCAGravityTop
  • kCAGravityBottom
  • kCAGravityLeft
  • kCAGravityRight
  • kCAGravityTopLeft
  • kCAGravityTopRight
  • kCAGravityBottomLeft
  • kCAGravityBottomRight
  • kCAGravityResize
  • kCAGravityResizeAspect
  • kCAGravityResizeAspectFill

可以自己试一试 ,kCAGravityResizeAspectFill 这个是铺满的 。kCAGravityResizeAspect 是显示自己本身的大小 。

若果图片超出CALayer 可以使用maskToBounds 进行裁剪 ,剪掉超出的部分 (配合圆角使用不错)。

2、contentsRect

这个是用来裁剪图片的 ,默认的contentsRect是{0, 0, 1, 1},这意味着整个寄宿图默认都是可见的。如果我们改成{0,0,0.5,0.5} 图像就就会被裁剪掉左上角的1/4

自己用手画的,比较拙劣,大概就这意思 ,左上角

右下角坐标相当于1,1 。想怎么切自己琢磨去

3、cornerRadius 圆角

是一个浮点值,控制着图层角的曲率 。默认为0(直角 )。

你可以把它设置成任意值。默认情况下,这个曲率值只影响背景颜色而不影响背景图片或是子图层。

如果把masksToBounds设置成true的话,图层里面的所有东西都会被截取。

  v1.layer.contents = UIImage(named: "xhh")?.CGImage
  v1.layer.contentsGravity = kCAGravityResizeAspectFill
  v1.layer.cornerRadius = 40

4、borderWidth ,borderColor

这两是设置边框宽度和颜色的

ly3.cornerRadius = 20 //设置圆角
ly3.borderWidth = 5 //边框宽度
ly3.borderColor = UIColor.blueColor().CGColor //边框颜色

5、shadowOpacity 设置阴影

给shadowOpacity属性一个大于默认值(也就是0)的值,阴影就可以显示在任意图层之下。

阴影默认是向上的

6、shadowColor,shadowOffset和shadowRadius

设置阴影的另外三个属性 shadowColor 很明显是来设置阴影颜色的 ,shadowOffset 性控制着阴影的方向和距离。它是一个CGSize的值,宽度控制这阴影横向的位移,高度控制着纵向的位移。shadowOffset的默认值是 {0, -3},意即阴影相对于Y轴有3个点的向上位移。

还是上面的图我们设置个shadowOffset 看看

  ly3.shadowOffset = CGSizeMake(2, 1)

向下2 ,向右1 。

shadowRadius属性控制着阴影的模糊度,当它的值是0的时候,阴影就和视图一样有一个非常确定的边界线。当值越来越大的时候,边界线看上去就会越来越模糊和自然。苹果自家的应用设计更偏向于自然的阴影,所以一个非零值再合适不过了。

这个自己去试试吧

shadowOpacity 这个阴影是针对内容的 而不是针对边框的

ly4.frame = CGRectMake(160,100, 50, 50)
ly4.contents = UIImage(named: "n")?.CGImage
ly4.shadowOpacity = 0.5  //这个阴影是针对内容的 而不是针对边框的
v1.layer.addSublayer(ly4)

效果

这里编译器自己推断内容边框, 其实阴影是可以自己指定形状的

let squarePath = CGPathCreateMutable();
//CGPathAddRect(squarePath, nil, self.ly4.bounds); //方形的
CGPathAddEllipseInRect(squarePath, nil, self.ly4.bounds); //圆形的
self.ly4.shadowPath = squarePath;

注释掉得那句是方形的 ,看下这两个效果

方形和圆形大小都是根据背景图层大小的 ,如果需要复杂图形的阴影,用UIBezierPath类(以后会说)

7、图层蒙版 mask

这个需要两个层来合成一个 , 需要一个图片层 直接看例子把

//图层蒙版 合成
ly5.frame = CGRectMake(0,0, 50, 50)
ly5.contents = UIImage(named: "n")?.CGImage

ly6.frame = ly5.frame
ly6.backgroundColor = UIColor.purpleColor().CGColor

ly6.mask = ly5
v2.layer.addSublayer(ly6)

图层5放得是小鸟那个图,图层六就设定了个背景色和frame ,关键是这句ly6.mask = ly5 ,只有在mask图层里面的内容才是它关心的,除此以外的一切都会被隐藏起来。看效果

用自己的背景色 ,搞出来个鸟的模板 ,还停不错 ,以后要微信、微博啥的图标直接这么搞。。

先这么多把 ,困了 ,其他的下次说。。示例项目还是原来的地址:

https://github.com/smalldu/SwiftStudy

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-14 08:12:53

swift详解之二十四---------------CoreAnimation(一)CALayer的相关文章

swift详解之二十二-----------UINavigationController的基本用法和页面传值几种方式

UINavigationController的基本用法和页面传值几种方式 本文介绍UINavigationController基本用法,因为涉及多页面顺便介绍页面传值 1.手写代码创建UINavigationController 手写方式创建很简单 , 首先创建一个项目 , 默认是从storyboard 加载的.这时候首先去掉默认加载方式 . 然后在AppDelegate.swift 的didFinishLaunchingWithOptions 中创建 代码如下: func applicatio

swift详解之二十七------------自定义UINavigationController的push和pop动画

自定义UINavigationController的push和pop动画 我们这里先创建一个简单的工程 , 在storyboard 中拖一个导航控制器 , rootViewController 改成我们的ViewController . 为了实现自定义动画切换 , 我们需要实现两个协议 . UIViewControllerAnimatedTransitioning,UINavigationControllerDelegate UIViewControllerAnimatedTransitioni

Swift学习——Swift基础详解(二)

上节说了没有营养的变量和常量,这玩意,都差不多,自己稍微看下就好了 Integers    整型 整数就是整数了,没有小数,整数有符号(+,-,0)或者无符号(0,+) Swift提供了8,16,32,64位的有符号和无符号的整数,命名使用C的方式,比如,8位无符号的整型UInt8,32位有符号的整型就是Int32 Integer Bounds    整型范围 可以使用min 和 max获取整数类型的最大值和最小值 let minValue = UInt8.min // minValue is

Welcome to Swift (苹果官方Swift文档初译与注解二十四)---163~170页(第三章完--第四章 流程控制)

Mutability of Collections (可变集合) 字典和数组都是在一个集合里储存多个值.如果你创建数组或字典后赋值给一个变量,那么这个集合就是可变的( mutable).这就意味着你在创建这个集合之后,依然可以改变这个集合的 大小,添加元素到集合里或者删除已有的元素.相反地,如果你创建的数组或者字典赋值给一个常量,那么这个集合就是不能修改的,也就是说字典或者数组是不可变的(immutable) 对于字典,不可变就意味着你不能替换里面已有的键值对,一个不可变的字典在它一创建出来就是

[顶]ORACLE PL/SQL编程详解之二:PL/SQL块结构和组成元素(为山九仞,岂一日之功)

原文:[顶]ORACLE PL/SQL编程详解之二:PL/SQL块结构和组成元素(为山九仞,岂一日之功) [顶]ORACLE PL/SQL编程详解之二: PL/SQL块结构和组成元素(为山九仞,岂一日之功) 继上四篇:ORACLE PL/SQL编程之八:把触发器说透                ORACLE PL/SQL编程之六:把过程与函数说透(穷追猛打,把根儿都拔起!)                [推荐]ORACLE PL/SQL编程之四:把游标说透(不怕做不到,只怕想不到) [推荐]

iOS 开发之照片框架详解之二 —— PhotoKit 详解(下)

这里接着前文<iOS 开发之照片框架详解之二 —— PhotoKit 详解(上)>,主要是干货环节,列举了如何基于 PhotoKit 与 AlAssetLibrary 封装出通用的方法. 三. 常用方法的封装 虽然 PhotoKit 的功能强大很多,但基于兼容 iOS 8.0 以下版本的考虑,暂时可能仍无法抛弃 ALAssetLibrary,这时候一个比较好的方案是基于 ALAssetLibrary 和 PhotoKit 封装出一系列模拟系统 Asset 类的自定义类,然后在其中封装好兼容 A

安卓集成发布详解(二)gradle

转自:http://frank-zhu.github.io/android/2015/06/15/android-release_app_build_gradle/ 安卓集成发布详解(二) 15 Jun 2015 上一篇主要讲了安卓版本编译版本发布的过程,本篇主要写版本编译脚本的实现,包括签名文件处理及多渠道版本编译.安卓集成发布详解(一) 一.签名部分编写 gradle本身支持直接签名,只需要在releas部分添加如下代码即可 signingConfigs { debug { } releas

Tomcat--各个目录详解(二)

Tomcat整体目录: 一.bin文件(存放启动和关闭tomcat脚本) 其中.bat和.sh文件很多都是成对出现的,作用是一样的,一个是Windows的,一个是Linux. ① startup文件:主要是检查catalina.bat/sh 执行所需环境,并调用catalina.bat 批处理文件.启动tomcat. 异常:打开可能有闪退的问题.原因可能有以下两点: 1)缺少环境变量配置,startup会检查你的电脑环境变量是否有JAVA_HOME. 2)已经开启了Tomcat容器,再次开启端口

log4j详解(二)

在实际编程时,要使Log4j真正在系统中运行事先还要对配置文件进行定义.定义步骤就是对Logger.Appender及Layout的分别使用.Log4j支持两种配置文件格式,一种是XML格式的文件,一种是java properties(key=value)[Java特性文件(键=值)].(这里只说明properties文件) 1.配置根Logger         其语法为:         log4j.rootLogger = [ level ] , appenderName1, append