- 使用 Spring Initializr 创建 Spring Boot 应用程序
- 在Spring Boot中配置Cassandra
- 在 Spring Boot 上配置 Tomcat 连接池
- 将Camel消息路由到嵌入WildFly的Artemis上
CoreAnimation
算是一个大话题 ,要实现很多炫酷的动画,必须掌握它,掌握它之前 ,先来了解CALayer
— 图层
我们平常都是用UIView
来构建应用,CALayer
是图层的一个属性 ,view.layer
. 它和UIview
一样都是一些被层级关系树管理的矩形块 ,如果玩儿过PS
,就会对图层的概念比较清晰 。CALayer
也可以包含一些一些内容(像图片,文本或者背景色),管理子图层的位置,也有一些方法和属性用来做动画和变换。和UIView
最大的不同是CALayer
不处理用户的交互。(这个可以通过hitTest
来判断是否点击以后会说)
CALayer
应该算式UIView
的内部实现细节 。对一些简单的需求来说,我们确实没必要处理CALayer
,因为苹果已经通过UIView
的高级API间接地使得动画变得很简单。 但是这种简单会不可避免地带来一些灵活上的缺陷。如果你略微想在底层做一些改变,或者使用一些苹果没有在UIView
上实现的接口功能,这时除了介入Core Animation
底层之外别无选择。
下面我们看看CLayer
的一些基本属性:
这个属性的类型被定义为id,意味着它可以是任何类型的对象。你可以给他赋任意值,编译不会报错 , 但是实践中如果你赋值的不是CGImage 。那得到的就是空白。
view1.layer.contents = UIImage(named: "xhh")?.CGImage
可以通过设置contentsGravity
设置其显示模式 。相当于UIView
的contentMode
可以自己试一试 ,kCAGravityResizeAspectFill
这个是铺满的 。kCAGravityResizeAspect
是显示自己本身的大小 。
若果图片超出CALayer
可以使用maskToBounds
进行裁剪 ,剪掉超出的部分 (配合圆角使用不错)。
这个是用来裁剪图片的 ,默认的contentsRect是{0, 0, 1, 1},这意味着整个寄宿图默认都是可见的。如果我们改成{0,0,0.5,0.5} 图像就就会被裁剪掉左上角的1/4
自己用手画的,比较拙劣,大概就这意思 ,左上角
右下角坐标相当于1,1 。想怎么切自己琢磨去
是一个浮点值,控制着图层角的曲率 。默认为0(直角 )。
你可以把它设置成任意值。默认情况下,这个曲率值只影响背景颜色而不影响背景图片或是子图层。
如果把masksToBounds
设置成true的话,图层里面的所有东西都会被截取。
v1.layer.contents = UIImage(named: "xhh")?.CGImage
v1.layer.contentsGravity = kCAGravityResizeAspectFill
v1.layer.cornerRadius = 40
这两是设置边框宽度和颜色的
ly3.cornerRadius = 20 //设置圆角
ly3.borderWidth = 5 //边框宽度
ly3.borderColor = UIColor.blueColor().CGColor //边框颜色
给shadowOpacity属性一个大于默认值(也就是0)的值,阴影就可以显示在任意图层之下。
阴影默认是向上的
设置阴影的另外三个属性 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类(以后会说)
这个需要两个层来合成一个 , 需要一个图片层 直接看例子把
//图层蒙版 合成
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
学习iOS,有他就够了,小码哥视频,传智、黑马、各种swift书籍
如果我将 cornerRadius 属性设置为我想要 mask 的图层,我只能设法做到这一点。 我正在努力实现: 整个蓝色的 UIView。 全背景为红色的 CALayer。 maskLayer,比第
我正在尝试用另一层 (stickerMask) 的图像遮盖一个 CALayer(newSticker),如下所示: func placeSticker(location: CGPoint) {
我有一个 UIBezierPaths 数组,我正在循环创建一个 CALayer。生成 CALayer 的代码如下所示: let layer = CAShapeLayer() layer.path =
我正在尝试使用 CALayers 制作一个 donut 形状。一个 CALayer 将是一个大圆圈,另一个将是一个位于其中心的小圆圈,将其遮盖。 大圆圈显示正常,但每当我调用 circle.mask
我有以下代码: CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSaveGState(context); CALayer
我有一系列随机放置在屏幕上的图层。添加每一层时,它都位于所有其他层之上。 最终,一个层被其他层完全覆盖。此时,我想从内存中删除图层。 有什么方法可以知道一个层何时被其他层覆盖(100% 或部分)? 每
我正在尝试子类化 CALayer 以用作另一层上的 mask 。 我想使用我的 CALayer 子类代替 CAGradientLayer 并将其用于渐变蒙版,如 here 所述. 不过,我希望使用自定
在 XCode 中创建一个简单的项目 设置 View 以接收多点触控事件 在touchesBegan中响应,检测到触摸事件时创建CALayer 为 CALayer 制作不透明度淡出动画 当动画停止时,
我找不到这个问题的答案。 我想知道如何使 calayer 中的图像大小小于 calayer 的边界大小。 我在 iPad 游戏中有几个 pawn,每个都是一个 CALayer,我让它们通过 conte
我正在使用 Cocoa 为 Mac 编写游戏。我目前正在实现 HitTest ,并发现 CALayer 提供 HitTest ,但似乎没有实现 alpha 属性。由于我有时会将许多 CALayer 堆
我们正在尝试创建一个自定义的 CIFilter 以添加到我们的 CALayer 的顶部。 如何只有默认的 CIFilter 似乎可以在 CALayer 上工作。 我们在添加的 ViewControll
我们正在尝试创建一个自定义的 CIFilter 以添加到我们的 CALayer 的顶部。 如何只有默认的 CIFilter 似乎可以在 CALayer 上工作。 我们在添加的 ViewControll
我有很多 UIImage 实例。我将在 TableView 情况下的 View 之间移动它们。我有两个选择: 每个 UIImage 有一个 CALayer,将 CALayer 移动到不同的 View
我想按时间顺序依次添加多个 CALayer。我可以使用此链接向视频文件添加一层 Here .现在我的问题是如何将多个 CALayer 添加到视频文件。 提前致谢.. 最佳答案 最直接的方法是将多个层捆
我正在尝试实现一个具有隐式动画属性的图层,但我看到了一些非常奇怪的行为。这是一个简单的层,它演示了我的意思: class CustomLayer: CALayer { override ini
我正在尝试构建一个动画圆,该圆将顺时针绘制,直到它变成完整的圆,如 iPhone Core Animation - Drawing a Circle 所示。 问题是CALayer对象未添加或构建。我测
我有一个 CALayer在 AVMutableComposition淡入,应该在屏幕上停留一段时间然后消失。问题是,它应该在没有动画的情况下消失,但是 CABasicAnimation最短持续时间为
是否可以在 iPhone 上对 CALayer 的边界进行动画处理?如何实现?谢谢! 最佳答案 是的,这是可能的。 [UIView beginAnimations:nil context:NULL];
调查后Custom UITableViewCell backgroundView & selectedBackgroundView ,我注意到每层 backgroundView 和 selectedB
我目前正在尝试使用基于 CALayers 的核心动画制作 2D 游戏。我已经弄清楚了用户 Sprite 层,但现在它归结为游戏对象。 物体(用户必须避开)将从屏幕顶部掉落,如果它们从未与用户接触就会消
我是一名优秀的程序员,十分优秀!