文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CALayer 图层概念二、CALayer属性二、方法

如 : bounds : 用于设置CALayer的宽度和高度,修改这个属性会产生缩放动画. background : 用户设置CALayer的背景色, 修改这个属性会产生背景色的渐变动画. position...通过CALayer就能做出跟UIView一样的界面效果.都能实现相同的显示效果,那究竟该选择谁好呢?...= 15; 设置阴影效果 阴影效果shadowColor、shadowOffset、shadowOpacity属性必须同时设置后才可以看到 设置阴影的颜色, 注意UIKit框架中的颜色不能直接设置给...，但是这样会导致阴影效果没有，可以再添加一个SubLayer，添加阴影。...此处可以和UIView的clipToBounds来比较记忆（clipToBounds为yes会使其上的内容包括子视图不能超出边界） 控件截图裁剪的三种方法： 给layer设置圆角半径layer.cornerRadius

1.4K70
您找到你想要的搜索结果了吗？
是的
没有找到

iOS动画开发之四——核心动画编程(CoreAnimation)

iOS动画开发之四——核心动画编程(CoreAnimation) 一、引言         前几篇博客详细介绍了有关UIView层的动画使用与相关的效果，然而这些动画是UIKit为我们封装好的核心动画层的方法...二、开始前的准备 1、认识一个的朋友         在开始介绍核心动画的内容前，我们需要先搞明白一个东西：Layer。...你可能很少听说他，可是他却无处不在，在iOS的UI开发中，任何一个View包括继承于UIView的子类上面都会有一个Layer，可以理解为Layer为单独的一层，专门负责视图的显示，而view除此之外更多负责触摸时间等逻辑处理...    layer.borderColor=[[UIColor magentaColor]CGColor];//设置边框的颜色 注意：因为CoreAnimation层是UI层的底层，所以这里的颜色为CGColor...test"];//添加动画     layer.opacity=0;//透明度改变时执行动画动作 通过上面的示例，我们可以发现，layer的属性都可以来进行动画动作，这样，我们对动画的操作就自由的很多。

57720

iOS学习——核心动画之Layer基础

我们可以通过操作CALayer对象，可以很方便地调整UIView的一些外观属性，可以给UIView设置阴影,圆角,边框等等... 2、如何操作layer改变UIView外观？ 　　...UIImageView中是UIView的主layer上添加了一个次layer（用来绘制contents），我们设置边框的是主layer，但是次layer在上变，不会有任何的影响，所以当我们调用切割语句的时候...3D的效果....可以做一些简单的动画，例如：平移，拉伸，旋转 一些比较高端的动画，都是直接操作CALayer的，可以制作3D动画 使用CALayer，可以直接操作显示的东西，例如阴影，圆角，边框等 所以，对比CALayer...隐式动画就是当对非根层的部分属性进行修改时, 它会自动的产生一些动画的效果，我们称这个默认产生的动画为隐式动画. 9.2 如何取消隐式动画?

1.5K61

视觉效果 -- iOS Core Animation 系列三

borderWidth是以点为单位定义边框粗细的浮点数，默认为0。borderColor定义了边框的颜色，默认为黑色。 borderColor是CGColorRef类型。...如上面的示例的结果一样，边框并不会把寄宿图或子图层的相撞计算出来。而且绘制边框会显示在最上层。 阴影 shadow 阴影属性 控制图层阴影的属性会比前面的边框多一些。...阴影裁剪 和图层边框不同，图层的阴影继承自内容的外形，而不是根据边界来界定。...之前有个UI需求，同时设置阴影和圆角，圆角简单的使用layer.cornerRadius和maskToBounds。...注意看左边视图的阴影范围，很好的说明了图层的阴影继承自内容的外形，而不是根据边界来界定。 shadowPath属性 图层阴影并不总是方的，而是从内容的形状继承来的。

1.1K30

Quartz2D复习（四） --- 图层CALayer和动画CAAnimation

UIView本身不具备显示的功能，是它内部的层才有显示功能 5)、通过CALayer对象，可以很方便的调整UIView的一些外观属性，比如：阴影、圆角大小、边框宽度和颜色。。。...CALayer为RootLayer（跟层）； 　　所有的非RootLayer, 也就是手动创建的CALayer对象，都存在着隐式动画； 　　隐式动画是指当对非RootLayer的部分属性进行修改时，默认会自动产生一些动画效果...比如指定@"position"为keyPath, 就修改CALayer的position属性的值，已达到平移的动画效果 10）、CABasicAnimation -- 基本动画 　　属性说明： 　　fromValue...如果设置了path，那么values将被忽略 　　keyTimes: 可以为对应的关键帧指定对应的时间点，其取值范围为0到1.0, keyTimes中的每个时间值都对应values中的每一帧。...的子类，用于做转场动画，能够为层提供移除屏幕和移入屏幕的动画效果。

1.4K30

iOS开发CoreAnimation解读之二——对CALayer的分析

通过它，我们可以轻松创建出炫酷的粒子效果。 2.CAGradientLayer CAGradientLayer可以创建出色彩渐变的图层效果，如下： ?...三、设置与调整Layer层的内容 设置层的内容有下面三种方式： 1.可以通过设置CGImage为layer的内容。 2.可以通过代理方法来动态修改或者绘制层的内容。...当你设置了Layer的内容后，例如设置了一张图片，内容的尺寸不一定会刚好和layer的尺寸合适，我们可以对其位置的调整，使其达到我们想要的效果，contentsGravity属性决定了内容对齐与填充方式...，例如默认设置为(0,0,1,1)，则整个内容区域都会参与形变。...) CGPathRef shadowPath; //添加一个动画对象 key值起到id的作用，通过key值，可以取到这个动画对象 - (void)addAnimation:(CAAnimation *)

99320

Core Animation Programming

,使用图层来创建复杂的编程接口 轻量化的数据结构,它可以同时显示让上百个图层产生动画效果 一套非常较简单的动画接口,能让动画运行在独立的线程中,并可以独立于主线程之外....What's UIView在iOS开发中,这个使用频率非常高的控件,同时在iOS 所有原生的视图都是由UIView派生而来....UIView 与 CALayer 平行的层级关系 每个UIView 都会有一个CALayer 实例图层属性.也就是backing layer.UIView 的职责就是创建并管理这个图层.用来确保当前子视图在层级关系中添加或者移除的时候...为何开发者要使用CALayer 根据刚刚的描述,既然CALayer 只是UIView 的内部实现细节,那为何在要来使用或者学习它?...图层不能处理触摸事件,同样也要视图不能做的事情: 阴影,圆角,颜色边框 3D变换 非矩形范围 透明遮罩 多级非线性动画 CALayer's function 除了CALayer 类,CoreAnimation

1.1K10

Core Animation实战四（视觉效果）

我们知道View中封装了一些动画和显示效果那我们为什么还要操作CALayer层面上呢？...这里有一些UIView没有暴露出来的CALayer的功能： 阴影，圆角，带颜色的边框 3D变换 非矩形范围 透明遮罩 多级非线性动画 这篇主要说阴影圆角边框，先看一下Demo效果： ?...].CGColor; //边框宽度 self.View1.layer.borderWidth = 3; } //阴影效果 -(void)shadowEffect{ //阴影透明度...它是一个CGSize的值，宽度控制这阴影横向的位移，高度控制着纵向的位移。...但是，较双线性滤波算法而言，三线性滤波算法存储了多个大小情况下的图片（也叫多重贴图），并三维取样，同时结合大图和小图的存储进而得到最后的结果 kCAFilterNearest是一种比较武断的方法。

52120

iOS-圆角、边框、阴影

当设置成YES时，图层里面所有东西都会被截取 边框 边框需要设置layer的两个属性，borderWidth和borderColor，并且边框是沿着图层bounds绘制，同时包含图层的角 borderWidth...边框的宽度，以点为单位，默认是0；borderColor边框的颜色，默认是黑色 阴影 阴影一般需要设置layer的四个属性，shadowOpacity、shadowColor、shadowOffset...属性为YES 时，阴影就会被裁剪掉 圆角+阴影 从上面我们可以得出，因为对裁剪属性不同需求，在一个view上，圆角和阴影一般是不可并存的，那么我们需要怎么办呢？...在解决这个问题之前，我们还需要了解阴影的另一个特性：阴影是依据view内容的外形确定的，而不是根据边界和角半径来确定，下面放张图来解释一下 ?...、阴影随意组合的效果，下面是效果图： ?

2.5K50

【IOS开发进阶系列】动画专题

UIView没有暴露出来的CALayer的功能：     •  阴影，圆角，带颜色的边框     •  3D变换     •  非矩形范围      •  透明遮罩 多级非线性动画 1.1.2 平行的层级关系...这条线(也被称作stroke)沿着图层的bounds绘制，同时也包含图层的角。         borderWidth是以点为单位的定义边框粗细的浮点数，默认为0。...边框是绘制在图层边界里面的，而且在所有子内容之前，也在子图层之前。 1.8.3 阴影         iOS的另一个常见特性呢，就是阴影。阴影往往可以达到图层深度暗示的效果。...图4.6 大一些的阴影位移和角半径会增加图层的深度即视感 1.8.4 阴影裁剪         和图层边框不同，图层的阴影继承自内容的外形，而不是根据边界和角半径来确定。...CAEmitterLayer是一个高性能的粒子引擎，被用来创建实时例子动画如：烟雾，火，雨等等这些效果。

39010

iOS学习——Quartz2D学习之UIKit绘制

它是高级别的图形接口，它的API都是基于Objective-C的。它能够访问绘图、动画、字体、图片等内容。 Quartz 2D。是IOS和Mac OS X环境下的2D绘图引擎。...涉及内容包括：基于路径的绘图，透明度绘图，遮盖，阴影，透明层，颜色管理，防锯齿渲染，生成PDF，以及PDF元数据相关处理。Quartz 2D也被称为Core Graphics，缩写前缀为CG。...在IOS上无论采用哪种绘图技术(UIKit、Quartz 2D、Core Animation和OpenGL ES),都离不开UIView，绘制都发生在UIView对象的区域内。...在前面我们学会了如何在自定义view中绘制文本信息，其实绘制图片的方法绘制文本的方法非常类似，所以基本步骤如下： 导入素材 在DrawRect加载图片  UIImage *image = [UIImage...绘制图片的方法有三种，其区别分别如下： drawAtPoint:(CGPoint *)point：从指定的点为图片的左上角的起点开始绘制，绘制出来的图形跟图片尺寸一样大，图片是按照原始大小进行绘制，吐过图片的大小超出当前

1.5K20

动画分析步骤“三步曲”

下图示是准备好的背景图片，通过下图可以看出，要想实现最初所示的动画效果，只需为整个登录界面添加一个登录按钮即可。 动画起始阶段代码需要放在什么位置才合适呢？...第4行设置当前UIButton登录按钮的位置，按钮的x坐标设置在整个界面之外，因此当前Button按钮是不可见的。第5行为登录按钮添加一个淡绿色背景。第6行设置登录按钮Title内容。...通过修改viewWillAppear()中的内容，可以实现相同的动画效果。下面是动画移动效果的另外一种代码实现方式。...3．Layer属性：圆角渐变、边框颜色、阴影、3D等高级动画效果 UIView是视图显示的容器，负责内容显示和事件响应。...每个UIView都有一个Layer图层，在这个图层中承载的是视图的内容，所以结合Layer可以实现很多高级的动画效果。当然除了这些之外，UIView还有很多其他属性，在后面的章节中会为大家一一呈现。

86010

iOS学习——UIView的研究

视图内容填充模式 UIViewContentMode 视图动画过渡效果 UIViewAnimationTransition 视图自动调整大小方式 UIViewAutoresizing 视图的动画选项 ...，也是直接采用block的方式实现 视图上手势相关的扩展 UIView (UIViewGestureRecognizers)  ，主要提供添加、移除和手势开始前回调3个方法 视图上运动效果相关的扩展 UIView... (UIViewMotionEffects)，主要提供添加和移除运动效果两个方法，还提供一个获取视图上所有运动效果的属性 视图上安装约束相关的扩展 UIView (UIConstraintBasedLayoutInstallingConstraints...的关键帧动画 */ 422 @interface UIView (UIViewKeyframeAnimations) 423 424 /** 创建一个动画块对象，可用于为当前视图设置基于关键帧的动画...(UIViewMotionEffects) 447 448 /** 添加运动效果，当倾斜设备时视图稍微改变其位置 */ 449 - (void)addMotionEffect:(UIMotionEffect

2.7K80

iOS点击TableView的cell显示弹出动画

最近使用豌豆荚一览的app时看到它的点击cell后弹出界面的动画很帅，所以自己琢磨着实现了一个，效果如下： image 仔细观察的话效果分为几个部分，点击cell的时候，首先背景会出现阴影，只有点击的...cell还亮着，然后有一点点的放大效果，同时cell的界面在慢慢变成纯白色，最后上下炸开进入内容界面，其实仔细想想，这个和3D Touch的peek效果的前奏不是很像嘛。...，即使覆盖整个界面，cell视图和纯白视图要根据点击的位置决定，所以阴影视图可以直接写一个方法来创建： // 阴影视图 - (UIView *)bgView { if (nil == _bgView...，我们来拆分一下，整个动画分为三个过程： 第一个过程是加阴影，新创建一个对应的cell显示出来，在动画中稍微增大cell凸显效果，同时有一个纯白视图慢慢覆盖cell视图； 第二个过程是炸开纯白视图，在动画中将其的大小设为整个屏幕大小...动画是使用的最基本的UIView动画，教程可以看我这篇博客，使用起来还是很方便的，延迟执行我用的GCD的方法，也可以用别的你熟悉的方式。

1.4K10

iOS点击查看大图的动画效果

今天就讲解一个查看和收起大图的动画效果，先直接看效果图： 如图所示，最开始是一个小图，点击小图可以查看大图。大图会从小图的位置和大小“弹”出来，同时背景变成半透明的阴影。...点击大图或者阴影后，收起大图，同样地弹回到小图去，同时去掉阴影背景，就像是一张图片在伸大缩小一样。 现在看看这是怎么实现的。...阴影背景则是占据整个屏幕。同时，我也设置了两个视图的点击相应方法，都是收起大图的动画方法，我们之后再去实现。现在，我们可以来着手实现显示大图的动画了。...这里的动画我们使用的是最简单的iOS 7开始支持的基于block的UIView动画，在我的这篇博客中也有详细讲解：iOS基础动画教程 然后，我们初始化了阴影背景视图，并添加到界面上，此时不要忘记，要再次将大图手动推送到最上层...当然了，如果小图的位置不好获取，那就直接设为从屏幕的中点开始缩放，效果也不错。另外，你可能会疑惑为什么我要另行添加一个大图的对象，而不直接对小图的尺寸进行动画呢？

1.6K20

iOS动画系列之一：带时分秒指针的时钟动画（上）1. 最终实现的效果以及思维导图2. CALayer3. 隐式动画

CALayer *layer; 当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有内容绘制在自己的图层上，绘图完毕后，系统会将图层拷贝到屏幕上，于是就完成了UIView...可以理解为结构体。 @property BOOL |masksToBounds;|超过部分进行裁剪 设置阴影的时候，阴影颜色+阴影偏移（或者阴影路径）+阴影透明度缺一不可。...设置position，就和设置UIView的center一样的。 记得要添加到父CALayer上。...m34的默认值是0，可以通过设置m34为-1.0 / d来应用透视效果 d代表了想象中视角相机和屏幕之间的距离，以像素为单位，那应该如何计算这个距离呢？实际上并不需要，大概估算一个就好了。”...修改这个属性会产生平移动画 3.2 关闭隐式动画 可以通过动画事务(CATransaction)关闭默认的隐式动画效果 关闭或者修改隐式动画的步骤： 开启动画事物 关闭动画效果或者修改动画事件 设置动画完成后的动作

2K30

iOS动画-CALayer基础知识

它实际上是一个复合引擎，可以将存储在图层树体系中的不同独立图层，尽可能快地组合成不同的可视内容呈现于屏幕上；所以做动画只是Core Animation的特性之一； Core Animation直接作用于...我们在访问UIView的frame,bounds等属性又或者设置动画，其实也都是在操作其关联图层CALayer的特性。...下面是一些UIView没有暴露出来的CALayer的功能： 设置阴影、圆角、带颜色边框 3D变换 非矩形范围 透明遮罩 多级非线性动画 二、CALyer寄宿图与contents属性 CALayer具有和...contentsRect (CGRect) 允许在图层边框里显示寄宿图的一个子域 contentCenter (CGRect) 定义一个固定的边框和一个在图层上可拉伸的区域 三、UIView方法绘制自定义寄宿图...(或视图)坐标系下的点或者矩形转换为另一个图层(或视图)坐标系下的点或者矩形；开发过程中我们通常操作的对象都是视图，所以下面以视图为例简单演示其用法：首先创建添加两个宽高都是100*100的橙色、紫色视图在控制器的

1.8K50
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券