在设置UIView动画时自动调整CAShapeLayer大小 - 腾讯云开发者社区

但实际上UIView是对CALayer封装，在CALayer的基础上再添加交互功能。UIView的显示必须依赖于CALayer。...我们同样可以跟新建view一样新建一个layer，然后添加到某个已有的layer上，同样可以对layer调整大小、位置、透明度等。...CAShapeLayer有不同于CALayer的属性，它从CALayer继承而来的属性在绘制时是不起作用的。...timeOffset -> 动画时间偏移量。比如设置动画时长为3秒，当设置timeOffset为1.5时，当前动画会从中间位置开始，并在到达指定位置时，走完之前跳过的前半段动画。...byValue -> 在不设置toValue时， toValue = fromValue + byValue，也就是在当前的位置上增加多少。

2.9K3 0

实践－小效果 III

不用指定大小，_pieLayer = [CAShapeLayer layer]; 绘制三个彩色的扇形CAShapeLayer 并加载在 _pieLayer 上。...思路不错可以借鉴，大致如下：点击按钮时切换按钮的图标同时设置全局 isGrid 数值，并刷新 CollectionView。...根据全局的 isGrid 设置CollectionView 每个Cell的尺寸大小 SizeForItemAtIndexPath函数在自定义CollectionViewCell中设置一个是否为网格的属性...)]; [UIView setAnimationDuration:5]; appearView.alpha = 0; [UIView commitAnimations]; //动画结束时执行的方法 -...image.png label.adjustsFontSizeToFitWidth = YES; 期待的效果是，设置一个Label的Frame，让字体自动调整大小，可是这个方法最大设置的字体17.

1.1K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

直播APP常用动画效果

一个复杂的礼物动画，首先是美术给出gif实现草图和素材，技术进行动画剖析和图片压缩，在程序中加载图片和实现动画，其中要注意内存和CPU占用。 ?...AnimationImageCache类是一个动画图片加载类，用单例实现且内部用NSCache持有引用。注意，当收到内存不足警告时，NSCache会自动释放内存。...天使时间轴实现为了让动画按照时间顺序一一执行，可以把动画按时间和对象分成多个方法，通过GCD在指定的时间调用。...1、视图变暗、变大 alpha值属性是透明度，把背景设置成淡黑色，然后调整alpha可以达到背景渐变的视图效果； UIView的transform是可以用仿射变换矩阵来控制平移、放大缩小等。...出现、烟花爆炸、画卷打开等效果，通过改变遮罩的大小，影响原始图片的展示，达到动画的效果；先新建一个CAShapeLayer，并设置为layer的遮罩；新建一个动画，设定初始和结束状态并赋值给CAShapeLayer

1.6K8 0

iOS CALayer 简单介绍

https://www.jianshu.com/p/09f4e36afd66 什么是CALayer：总结：能看到的都是uiview，uiview能显示在屏幕上是因为它内部的一个层calyer层。...在创建uiview的时候，uiview的内部会自动创建一个层（calayer对象）通过uiview的layer属性可以访问这个层。...当uiview需要显示在屏幕上时，会调用drawrect 方法进行绘制，并将所有的内容绘制在自己的层上，绘制完毕之后，系统会将层拷贝到屏幕上，于是uiview就显示了。...换句话说，uiview本身并不具备显示功能，它的内部的层才有显示功能。 CALayer的基本功能通过操作CALayer对象，可以调整uiview的一些外观属性。...[layer setMask:shapeLayer]; //设置圆环遮罩 [self.view.layer addSublayer:layer]; // // //动画

6572 0

苹果安装动画制作

使用方法使图层覆盖在应用图标上方，大小为app图标的bounds -(ICSectorProgressView *)sectorView { if (!...1、加载进度动画根据下载进度在UIView中画出中心区域扇形 - (void)drawRect:(CGRect)rect { // 定义扇形中心 CGPoint origin...这样系统会自动闭合图形，绘制一条从圆心到弧线起点的线段。...[sectorPath addLineToPoint:origin]; // 设置扇形的填充颜色 [[UIColor blackColor] set]; // 设置扇形的填充模式...[sectorPath fill]; } 2、数据下载完成后外围灰边框动画画出默认的边框，并加载到uiview的layer层 - (CAShapeLayer *)borderLayer {

1.1K7 0

iOS Core Animation的用法

Autoreverses 当你设定这个属性为 true 时,在它到达目的地之后,动画的返回到开始的值,代替了直接跳转到开始的值。...RemovedOnCompletion 这个属性默认为 true,那意味着,在指定的时间段完成后,动画就自动的从层上移除了。这个一般不用。假如你想要再次用这个动画时,你需要设定这个属性为 false。...这样的话,下次你在通过-set 方法设定动画的属性时,它将再次使用你的动画,而非默认的动画。 Speed 默认的值为 1.0.这意味着动画播放按照默认的速度。...你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。...当你给CAShapeLayer做3D变换时，它不像一个有寄宿图的普通图层一样变得像素化。源代码地址上面说的所有动画源代码地址

1.4K3 0

使用CAShapeLayer绘图

之前讲过使用UIBezierPath在UIView的drawRect中绘图，今天我们讲下另外一种方式: CAShaperLayer 先说说使用CAShapeLayer的优点: GPU执行, GPU执行...按照之前的思路是创建一个UIView子类，用UIBezierPath画一个外围的不闭合圆弧，在画中间点圆代码量不是很多弹也不少，那假如用CAShapeLayer实现时怎么样子的呢？...layer]; circle.bounds = CGRectMake(0, 0, 100, 100); //设置大小 circle.position...比如hud这个，我们之前用UIBezierPath在UIView的DrawRect中画画过，相对比较简单我们用CAShapeLayer事实看。...思路是在绿色的CALayer上面放一个红色的CAShapeLayer, 然后逐渐增加CAShapeLayer的填色大小上代码: #import "ViewController.h" static CGFloat

1.2K1 0

绘图-几个较复杂统计图案例的实现分析

下面逐个分析坐标横竖虚线的动画第一步设置一个 CAShapeLayer 并设置 .lineDashPattern 属性，使之成为虚线。...小圆点的动画根据数据源，在每一数据点处放上一个自定义UIView，在此自定义UIView的drawRect中绘制圆形图形，并且设置 shape.layer.opacity = 0;，即让这些小圆点（...，但是动画结束后我们需要它显示，所以在动画的代理里设置动画的 layer.opacity = 1.0;使其一直显示。...在使用drawRect：重绘页面时注意首先移除已有的图层maskLayer 同时做动画。...(4) 在弹性动画的执行期间，定时器会不断的获取某一时刻的所有的子视图的坐标，并修改曲线上的点的位置的坐标，并根据 currentLinePathForWave 这个方法绘制出渐变图层的 mask

1.5K2 0

iOS Core Animation:Advanced Techniques

当你给CAShapeLayer做3D变换时，它不像一个有寄宿图的普通图层一样变得像素化。创建一个CGPath CAShapeLayer可以用来绘制所有能够通过CGPath来表示的形状。...我们把改变属性时CALayer自动应用的动画称作行为，当CALayer的属性被修改时候，它会调用-actionForKey:方法，传递属性的名称。...这是因为你设置的属性并没有直接调整图层的外观，相反，他只是定义了图层动画结束之后将要变化的外观。在iOS中，屏幕每秒钟重绘60次。...你甚至设置一个叫做autoreverses的属性（BOOL类型）在每次间隔交替循环过程中自动回放。...那么你会疑惑为什么这不是默认的选择，实际上当使用UIView的动画方法时，他的确是默认的，但当创建CAAnimation的时候，就需要手动设置它了。

1.9K3 0

UI篇－Layer几个关键点补充

摘自官网的一句话－Layers Provide the Basis for Drawing and Animations（Layers是绘图和动画的基础） Layer是在3D空间中的2D平面。...** Layer支持继承，支持添加Sublayer，支持对sublayer进行层次调整** 常用的Layer子类 CAEmitterLayer 发射器层，用来控制粒子效果 CAGradientLayer...梯度层，颜色渐变 CAEAGLayer 用OpenGL ES绘制的层 CAReplicationLayer 用来自动复制sublayer CAScrollLayer 用来管理可滑动的区域...CAShapeLayer 绘制立体的贝塞尔曲线 CATextLayer 可以绘制AttributeString CATiledLayer用来管理一副可以被分割的大图 CATransformLayer...不同，Layer主要由三个属性来设置位置（极少用Frame）： bounds －设置大小 anchorPoint -设置锚点（锚点对后续的layer动画有很大影响,默认（0.5，0.5）） position

9071 0

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

6.CAShapeLayer CAShapeLayer可以让我们在layer层是直接绘制出自定义的形状。 7.CATextLayer CATextLayer可以通过字符串进行文字的绘制。...三、设置与调整Layer层的内容设置层的内容有下面三种方式： 1.可以通过设置CGImage为layer的内容。 2.可以通过代理方法来动态修改或者绘制层的内容。...当你设置了Layer的内容后，例如设置了一张图片，内容的尺寸不一定会刚好和layer的尺寸合适，我们可以对其位置的调整，使其达到我们想要的效果，contentsGravity属性决定了内容对齐与填充方式...nullable id)presentationLayer; //模型层layer - (id)modelLayer; 对于presentationLayer，这个属性不一定总会返回一个实体对象，只有当进行动画或者其他渲染的操作时...id)[UIColor redColor].CGColor; } return [super defaultValueForKey:key]; } //这个方法也只使用在子类中重写，用于设置在某些属性改变时是否进行

1.1K2 0

绘图- 镂空效果及其动画实现解析

前言有时你会看到很多镂空的试图或者是镂空视图的动画效果，感觉很酷炫，其实只要掌握其中实现的原理，想实现怎样的效果就能实现怎样的镂空效果。原理解析 UIView的maskView属性。...通过控制UIView的maskView、CALayer的mask有效区域，都可以修改UIView和 UIView的layer的显示外形，从而得到镂空或者其他的奇特形状及其动画。...实现关键点图层中，因为UIView的layer为CALayer，不像CAShapeLayer那样有Path属性，所以我们无法直接修改layer的的显示形状，唯一能是layer显示出奇特形状的方法只有两种...（1）这里特别强调下，当CAShapeLayer没有设置backgroundColor时，（默认为backgroundColor = [UIColor clearColor].CGColor），CAShapeLayer...positionWave"]; [self.waveCosLayer addAnimation:animation forKey:@"positionWave"]; 使用CABasicAnimation设置动画使波浪图层上移

2.2K2 0

绘图-几种基本统计图的实现分析

折线图.gif 通过自定义UIView使用自定义init方法赋值数据源，后调用 UIView的drawRect方法进行绘制。...使用CAShapeLayer 和 UIBezierPath，可以实现动态绘制的动画效果。...使用CABasicAnimation 利用layer 的strokeEnd属性动态绘制，不使用动画时，会直接一下绘制完成。...设置一个 UIBezierPath 绘制好路径赋值给 CAShapeLayer即可。...只要字体大小、高度合适字体会自动换行，当然也可以拼接/n 就可以达到换行的效果了。

1.5K1 0

高效学习iOS —— Stroke和路径动画

（滑动显示更多）然后设置好相关属性，这里圆的半径设置为view高度 * 0.8 的一半，这里lineDashPattern是创建路径的描边版本时应用的虚线图案(NSNumbers数组)。...然后，在viewDidLoad里面设置好属性并且添加为子View。...var progress: CGFloat = 0.0 在scrollViewDidScroll 里面算出向上滚动的高度，然后处理本身view的大小和1比较取最小值，然后根据得到的progress设置...scrollView的contentInset调整回去。...然后在scrollViewDidScroll里面判断，如果正在执行动画就不调用redrawFromProgress。 if !

1.9K2 0

iOS动画-CAAnimation使用详解

被设置为NO的动画结束时，我们会遇到这样一个问题：被设置动画的属性应该是什么值？...；另外，removedOnCompletion设置为NO时，直到我们手动移除动画，否则动画将不会自动释放；所以通常我们此时会给动画添加一个非空的键，这样可以在不需要动画的时候把它从图层上移除；四、CAPropertyAnimation...所以，苹果将CATransition作为设置CALayer的contents属性时的默认行为，对图层contents图片做的改动都会自动附上淡入淡出的效果，这也就解释了隐式动画的原理；但注意： 1...九、委托模式下的动画区分对于CAAnimation而言，使用委托模式而不是一个完成块会带来一个问题，那就是设置多个动画时，无法在回调方法中区分。...，图层的外观就立刻更新到当前的模型图层的值； 2.动画通常默认结束之后被自动移除，除非设置了removeCompletion为NO; 3.动画若设置为结束之后不自动移除，那么我们在不需要的时候需手动移除

2.4K1 0

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

其实UIView之所以能显示在屏幕上，完全是因为它内部的一个图层，在创建UIView对象时，UIView内部会自动创建一个图层(即CALayer对象)，通过UIView的layer属性可以访问这个层 @...不同于UIView，当图层显示在屏幕上时，CALayer不会自动重绘它的内容。它把重绘的决定权交给了开发者。 ...因为当UIView创建了它的宿主图层时，它就会自动地把图层的delegate设置为它自己，并提供了一个-displayLayer:的实现，那所有的问题就都没了。 ...在iOS6中，苹果介绍了自动排版机制，它和自动调整不同，并且更加复杂。 ...我们真正想要的是一个用CATextLayer作为宿主图层的UILabel子类，这样就可以随着视图自动调整大小而且也没有冗余的寄宿图啦。

5691 0

老司机带你走进Core Animation 之CAShapeLayer和CATextLayer

重点是这里有一个初学者经常会犯的错误，同学们在绘制曲线的时候经常会以layer在父图层中的相对位置去绘制曲线，这是错的！！！应该以layer自身的坐标系划线。...请记住，在iOS中，以x轴正方向（即水平向右）为0度，顺时针旋转一周为360度。其实说到这里CAShapeLayer的基本用法就结束了。你这么说，意思是还有特殊用法咯？...因为写这个demo时没有考虑到做暂停。那这个怎么做呢？把它分成两部分吧，一部分外面不变那部分，一部分中间变那部分。这时候我们就要考虑如何画出一个空心的图层。...系统会按照给定数组自动重复设置虚线。 lineDashPhase这个属性是告诉系统从多少开始计算这个距离。比如上图中第一段实现的距离明显小于5，其实他是2，因为我们从3开始计算，5 - 3就剩2了。...对咯，就是以一个CATextLayer做红色的CALayer的mask，CATextLayer的字体设置有颜色，背景设置透明色，这样就只能显示出红色的CALayer的文字部分了把他封装在一个UIView

1.5K2 0

读取svg图片为UIBezierPath，开心做动画

更新给对本文感兴趣的朋友们推荐个好东西：paintcode 动画预览 ? 先扯淡最近手痒又想整点动画玩玩，但是想了几个主意发现稍微复杂一点的手写都一定会累爆。这篇文章记录一下今天折腾的一个方案。...新建一个 Single View Application ，把二维码拖进项目里去，在 ViewController 里添加一个 UIView 作为二维码的容器： class ViewController...并添加动画。...let rect = CGRect(x: x, y: y, width: w, height: h) rects.append(rect) // 设置...qrView 的尺寸为 svg 图像的大小 } else if elementName == "svg" { let w = (attributeDict["width"] as

1.6K2 0

iOS 自定义 ViewController 过渡动画

NavigationController 的详细页面中从屏幕左侧滑入以返回时的那个动画。...然后在 viewDidLoad 中设置 TabBarController 的 delegate ，这里我们设置成为 self TabBarController 代码如下： class MainVC: UITabBarController...self } /* 如GIF中那样在切换时改变状态栏颜色，这里可选，与过渡无关 func tabBarController(tabBarController: UITabBarController...，主要的想法是设定一个 CAShapeLayer 作为目标 VC 的遮罩。...并且开始时的path设置为上面的start——位置在点击的tab上的一个半径为0的圆。 // 下文中就要给这个path加特技，让他变化到包含整个界面那么大。

1.4K3 1

实践－小效果 Ⅳ

按钮.gif 使用 CAShapeLayer UIBezierPath 和 CABasicAnimation动画实现 @property (nonatomic, strong) CAShapeLayer...就可以改前景色为红色了，同样那个accessoryCheckmark的颜色就变成红色了此时，点击行即可选中，取消选中，但是滚动一下视图吧，你会发现下面某些未被点击的行也已经被标记了，这是因为cell的重用机制造成的，在第一篇文章中就这个问题有提到过...解决cell重用问题，在cellForRow方法中，定义cellIdetifier时，将其每一行都定义为不同的值，就不会出现覆盖，重复等现象了 NSString *cellIdentifier =...自动移动.gif 之前使用如下方法一直出现抖动的Bug； if (self.tableView.contentSize.height > self.tableView.frame.size.height...NO，动画可能会影响到scrollerView，导致增加数据源之后，tableView到处乱跳 9.左右摇晃的动画 ?

6372 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

绘图-CAShapeLayer、CABasicAnimation以及核心动画

实践－小效果 III

直播APP常用动画效果

iOS CALayer 简单介绍

苹果安装动画制作

iOS Core Animation的用法

使用CAShapeLayer绘图

绘图-几个较复杂统计图案例的实现分析

iOS Core Animation:Advanced Techniques

UI篇－Layer几个关键点补充

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

绘图- 镂空效果及其动画实现解析

绘图-几种基本统计图的实现分析

高效学习iOS —— Stroke和路径动画

iOS动画-CAAnimation使用详解

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

老司机带你走进Core Animation 之CAShapeLayer和CATextLayer

读取svg图片为UIBezierPath，开心做动画

iOS 自定义 ViewController 过渡动画

实践－小效果 Ⅳ

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐