移除 UIButton 层上的 CAShapeLayer 遮罩，以便取消遮罩动画 UIButton 大小更改 - 腾讯云开发者社区

文章/答案/技术大牛

发布

iOS学习——UIPickerView的实现年月选择器

，包括我们的选择器的标题，取消、确定按钮，蒙层等大框架的布局，然后是子类在基类的基础上添加UIPickerView来实现选择器的基本功能以及数据加载和显示。...，然后在BaseView.h中的注释我们说过了，点击背景遮罩图层和取消、确定按钮的点击事件实现效果在基类中都是空白的，具体效果在子类中进行重写来控制。...，那么我们为什么不直接在蒙层上添加弹出式图呢？...如果直接在蒙层上添加弹出式图作为子视图的话，我们的布局相对会简单很多，这里涉及到一点就是子视图的透明度是和父视图保持一致的，如果直接将弹出视图加载到蒙层遮罩视图上，会导致弹出视图的透明度也为0.3，所以弹出视图不能直接加在蒙层遮罩视图上...其中取消按钮就直接没有操作，dismiss当前界面，并注意要进行dealloc，创建的视图要清除，避免内存泄露。蒙层背景点击事件看需求，有的需要和取消一样的效果，有的可能就无效果，自己添加即可。

5.6K13 0

iOS 自定义相机页面

在文中，顺便说下我碰到的两个问题：拍摄页灰色透明遮罩绘制和拍摄后黑屏问题代码Demo都有了，我这里只说下流程。首先写个继承UIImagePickerController的自定义类。...遮罩区：创建一个遮罩View - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame...*shapeLayer = [CAShapeLayer layer]; shapeLayer.path = bpath.CGPath; //添加图层蒙板 self.mView.layer.mask...完成一个点击事件，例如我的： - (void)start:(UIButton *)sender { [self takePicture]; [self performSelector...[picker hiddenBtn];//拍照按钮隐藏必须是拍照后隐藏，如果在拍照的同时隐藏那么会出现隐藏动画影响picker绘制问题，图片成像可能是黑色的。我们回到界面的绘制上来。

2.8K1 0

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

是的

没有找到

学会不一样的Loading图

2、添加渐变色图层到挡住控件的覆盖层 3、为渐变色图层设置mask，从而显示mask面积下面的渐变色图层(原理看下方) 原理：遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称...“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。...也就是说在遮罩层中有对象的地方就是“透明”的，可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。它的原理是：上面一层是遮罩层，下面一层是被遮罩层。...遮罩层上的图，自己是不显示的。它只起到一个透光的作用。假定遮罩层上是一个正圆，那么光线就会透过这个圆形，射到下面的被遮罩层上，只会显示一个圆形的图形。...如果遮罩层上什么都没有，那么光线就无法透到下面来，那么下面的被遮罩层什么也显示不出来。

1.2K4 0

iOS视图滚动的时候控制导航条标题及公告视图的alpha（显示与隐藏）

_tableView.bounces = NO; } else { _tableView.bounces = YES; } } II 更改...UIButton的图片颜色应用场景：比如设计给我们的是一张黑色的返回箭头图.我们某个页面需要弄成白色的话.又不想重新设计一下新的图片解决方法：修改tintColor 如果按钮是UIButtonTypeSystem...UIImageRenderingModeAlwaysTemplate，并设置对应的tintColor UIButton *tmpView = [[UIButton alloc]init]...： iOS概率抽奖算法 & 转盘算法 &轮盘边框动画 https://mp.weixin.qq.com/s?...// tmpView.speed = 1.5;// 调节滚动速度 tmpView.textStartAfterFade = YES;// 文字停靠在遮罩的右边

2.4K3 0

面试题型—iOS离屏渲染探索

2、存在一些特殊效果，正常流程无法完成，必须使用离屏渲染，比如圆角、阴影和遮罩、高斯模糊、半透明图层混合等正常的渲染流程采用油画算法由远及近的渲染图层，当一个图层显示到屏幕上后，帧缓冲区会立即删除这一图层的数据...例如将这张图显示到屏幕上可以分为两步： 1、先绘制黄色背景图层，显示到屏幕上后，删除帧缓冲区中黄色图层的数据。...但是如果缓存的图像会经常被更改，则开启离屏缓存区反而会降低性能。...比如本身处于动画中，或者像tabeleView的cell的上图片可能经常改变，则不要开启shouldRasterize 缓存的图像过大，超过屏幕像素的 2.5 倍，不会触发离屏渲染，所以开启shouldRasterize...因为 bt2 只设置了一个背景颜色，只有一个背景图层，直接将这一层渲染到屏幕上就可以了，不需要开辟离屏缓冲区。

1.7K6 0

实践－小效果 III

饼状图.gif 大家都知道这是通过 CAShapeLayer 和 CABasicAnimation 结合起来实现的，可是其中还是有需要注意的地方，实现的步骤大致如下：绘制一个 CAShapeLayer...不用指定大小，_pieLayer = [CAShapeLayer layer]; 绘制三个彩色的扇形CAShapeLayer 并加载在 _pieLayer 上。...绘制一个遮盖住这三个 CAShapeLayer 的 CAShapeLayer 并赋值给 _pieLayer.mask ,我们都知道 maskLayer的颜色是不会印象视图的显示的，视图的显示只跟maskLayer..._pieLayer.mask 添加 CABasicAnimation 动画，使 _pieLayer.mask 动画绘制，就达到了 _pieLayer 的动态绘制，其实是无法对 _pieLayer 动态绘制...如果在一个 UIButton 中你设置 setImage并且 setTitle 。你会发现，默认的是图片在左边，文字在右边。并且这跟 UIButton 的Frame无关。

1.6K2 0

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

UIView本身不具备显示的功能，是它内部的层才有显示功能 5)、通过CALayer对象，可以很方便的调整UIView的一些外观属性，比如：阴影、圆角大小、边框宽度和颜色。。。...: 默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。...对象加入层后，组中所有动画对象可以同时并发运行　　属性说明：　　animations: 用来保存一组动画对象的NSArray。...默认情况下，一组动画对象是同时运行的，也可以通过设置动画对象的beginTime属性来更改动画的开始时间 13）、转场动画 --- CATransition 　　CATransition是CAAnimation...的子类，用于做转场动画，能够为层提供移除屏幕和移入屏幕的动画效果。

2.1K3 0

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

很多UIView）刚开始的是不显示的，加载在当前的UIView上，计算每一个点的动画开始时间，达到小圆点依次作动画的效果。...设置渐变图层的 mask（遮罩层）为一个CAShapeLayer maskLayer = [CAShapeLayer layer]; maskLayer.strokeColor = [...UIBezierPath，把这个路径拼接上X坐标轴上的两个垂直投影点形成一个底部矩形状的封闭路径，把个路径作为渐变图层的path，并绘制一条比这个UIBezierPath顶部低一点的路径作为渐变图层的遮罩图层...遮罩层同时做CABasicAnimation动画，渐变图层渐渐显现，渐变图层的遮罩图层由低路径过渡到高路径，就有了上图中渐变图层渐渐显现并逐渐身高的效果。...在使用drawRect：重绘页面时注意首先移除已有的图层maskLayer 同时做动画。

1.8K2 0

老司机带你走进Core Animation 之CAAnimation

mask，这也是个有趣又有用的属性，遮罩属性。可以以一个layerA作为另一个layerB的遮罩，即layerB.mask = layerA。...值得注意的是，结束代理中，有一个flag。他的意思是如果动画正常播放完成的话，flag为YES。如果没有播放完成或者被移除则返回NO。 removedOnCompletion，是否在播放完成后移除。...这时你再改animation当然是不能更改动画效果的了。这里同时也引出了一点，当你将animation加入layer层以后，你就无法再更改动画效果了。...这个时候你有三种选择：更改锚点更改你的layer层结合移动和转动更改锚点就是将锚点移至你想旋转的旋转中心。但是其实老司机不建议你修改锚点。因为锚点是一个layer层的参考点。...当你修改锚点以后将会影响layer的所有相关属性以至于造成一些你所不希望的后果。更改layer层就是扩展当前layer区域，以透明区域填补空白区域，强行让你所期望的端点成为旋转中心。

1.7K2 0

直播APP常用动画效果

所以每次访问NSCache，即使上一次已经加载过，也需要判断返回值是否为空。 3、图片裁剪为了减少图片资源的大小，有时候会把多个帧动画做成连续的一张图。...出现、烟花爆炸、画卷打开等效果，通过改变遮罩的大小，影响原始图片的展示，达到动画的效果；先新建一个CAShapeLayer，并设置为layer的遮罩；新建一个动画，设定初始和结束状态并赋值给CAShapeLayer...，完成一个遮罩动画。...天使动画的图片大小为900KB，运行时占内存15MB，播放完毕后，如果收到内存不足的警告会释放内存；烟花动画的图片大小为400KB，运行时占用的内存为20MB，播放完毕后，会马上释放内存；思考题?...1、为什么烟花动画的图片大小比较小，运行时占用的内存反而更多？ 2、播放完毕马上释放和收到内存不足警告再释放，两种图片加载方式的优缺点？

2.4K8 0

iOS动画-CAAnimation使用详解

委托模式下的动画区分 10.虚拟属性及其作用 11.动画的取消一、动画的分类 1、实现动画的方式如果根据实现动画时直接操作对象的类型，我们可以简单的将动画分为视图和图层两种；但事实上，无论UIViewAnimaiton...removedOnCompletion属性默认为YES，表示动画完成后就会从图层上移除，图层也会恢复到动画执行前的状态；当其修改为NO时，那么图层将会保持动画结束后的状态，此时的fillMode属性也将生效...；另外，removedOnCompletion设置为NO时，直到我们手动移除动画，否则动画将不会自动释放；所以通常我们此时会给动画添加一个非空的键，这样可以在不需要动画的时候把它从图层上移除；四、CAPropertyAnimation...；具体的操作包括以下几个步骤： 1.使用UIKit提供的UIBezierPath类创建贝塞尔曲线，作为飞机飞行的路线轨迹； 2.使用CAShapeLayer在屏幕上绘制曲线(此步骤对于动画不是必须的...十一、在动画过程中取消动画在使用动画的过程中，我们可能需要适时的移除不要的动画，否则就可能造成内存的泄漏问题；从图层中取消动画的方法有以下两种方式： //方法1：取消指定动画 /* Remove any

3K1 0

iOS 自定义 ViewController 过渡动画

可以用手势控制过渡动画的进度，还可以中途取消手势。这个也不会提到。。。...，主要的想法是设定一个 CAShapeLayer 作为目标 VC 的遮罩。...addSubview(fromView) transitionContext.containerView().addSubview(toView) // 找出各个VC在tabBar上的位置...，用作toView的遮罩。...并且开始时的path设置为上面的start——位置在点击的tab上的一个半径为0的圆。 // 下文中就要给这个path加特技，让他变化到包含整个界面那么大。

1.8K3 1

iOS CALayer 简单介绍

https://www.jianshu.com/p/09f4e36afd66 什么是CALayer：总结：能看到的都是uiview，uiview能显示在屏幕上是因为它内部的一个层calyer层。...在创建uiview的时候，uiview的内部会自动创建一个层（calayer对象）通过uiview的layer属性可以访问这个层。...当uiview需要显示在屏幕上时，会调用drawrect 方法进行绘制，并将所有的内容绘制在自己的层上，绘制完毕之后，系统会将层拷贝到屏幕上，于是uiview就显示了。...换句话说，uiview本身并不具备显示功能，它的内部的层才有显示功能。 CALayer的基本功能通过操作CALayer对象，可以调整uiview的一些外观属性。...两种方式，一种是使用 n张图片去循环，这样的话对内存的开销比较大，不建议使用，第二种就是采用CALayer的相关属性加上核心动画来实现：代码如下： //2.渐变转换为图形形成动画 CALayer

1K2 0

想要漂亮的蒙版指引吗？跟着我手把手的教你写出来

最近版本的一个需求是给首页添加新人蒙版，类似的效果图如下图所示。首页第一层蒙版的效果图 ? 首页蒙层首页第二层的蒙版效果图 ? 首页蒙层2 个人中心的蒙版效果图 ?...当是看了代码写法都很正常，并且类似的写法在新人蒙版指引的需求上就表现的很正常，为什么在新人大礼包的需求上面就表现不正常，时而出现时而不出现的。我感觉这个需求的类代码有毒。...之后 keyWindow换回来之后，我们的控件就被移除，之后就被释放了。让我们用 AppDelegate创建的 window这样才保证不会出问题。听完觉得说的很有道理，就改了一下，果然解决了。...，用到了一个代理源用于获取需要添加的蒙层对象。...用于绘制我们的路径做镂空 CAShapeLayer *shapeLayer = [CAShapeLayer layer]; shapeLayer.path = path.CGPath;

2K2 0

IOS开发系列——启动页专题【整理，部分原创】

以前程序的启动画面(图片)只要准备一个 Default.png 就可以了，但是现在变得复杂多了。...iPad专用横向启动画面，可省略 1024x768或者1024x748 Default.png iPhone默认启动图片，如果没有提供上面几个iPad专用启动图片，则在iPad上运行时也使用Default.png...（不推荐） 320x480或者320x460 Default@2x.png iPhone4启动图片640x960或者640x920 为了在iPad上使用上述的启动画面，你还需要在info.plist中加入...但是这个窗口默认的背景色是磨砂不透明的，因此还需要把它的背景色设为透明。这样看起来就像是全屏遮罩一样，但是由于系统不认为新的View是全屏的，所以上一个View也不会被unload。...my.oschina.net/amoyai/blog/94988 ios 实现引导页面效果 http://blog.csdn.net/leechee_1986/article/details/24850547 半透明遮罩是如何实现的

2.4K1 0

iOS动画系列之七：实现类似Twitter的启动动画1. CAKeyframeAnimation2. CAAnimationGroup3. 实现类似Twitter的启动动画

创建步骤：创建关键帧动画对象设置属性添加到要作用的layer上如果使用rect椭圆的方式，动画会不连贯，停顿一下。...实现类似Twitter的启动动画 3.1实现思路 1，在View上设置一个东西能够遮挡住背景图； 2，把遮罩变成五角星； 3，让遮罩慢慢变大，中间可见区域越来越大。 yes！思路就是这样的。...3.2 CALayer的遮罩属性 CALayer本身有一个属性，叫mask。...设置了三个关键帧动画的大小，以及这三个关键帧的运动节奏。然后，就好啦～然后，就好啦～然后，就好啦～然后，就好啦～哪尼？！！！就这样？！！对啊，就这样。...因为在工作中碰到的大部分动画都是通过UIView的动画block实现，其他都基本上都是需要用到CAShapeLayer。我们下次玩点好玩的吧～如果还有兴趣，可以看看本系列的其他文章哈。

1.9K3 0

绘图－类似百度外卖波浪效果的实现与关键点解析

CADisplayLink可以确保系统渲染每一帧的时候我们的方法都被调用，从而保证了动画的流畅性....，比如自定义动画引擎或者视频播放的渲染。...CADisplayLink 了解更多实现的主要过程：使用CADisplayLink 注册定时器创建两个图层，一个为前面的实浪图层，一个为后面的遮罩浪图层。...设置两个图层的大小相同，高度都是一个浪的高度在定时器的绑定方法中使用正弦曲线函数和for 方法绘制路径把绘制好的路径分别赋给两个图层。设定好“船”的 y坐标。...随着定时器的每次调用就会出现想要的波浪效果。 dome效果如下： ? 舟行碧波上.gif

8333 0

用flash做古诗动画_Flash制作跟我学用遮罩技术制作古诗动画-FLASH课件制作（FLASH课件制作教程）－flash课件吧（湖北金鹰）…

Flash制作跟我学用遮罩技术制作古诗动画提示:遮罩—使用遮罩图层可以让Flash设计者有选择地显示图层的某些部分，应用遮罩需要创建一个图层成为遮罩的图层，而它下面的图层即成为被遮盖的图层。...打开“文件”菜单，选择“导入”→“导入到舞台”命令把背景图片导入，然后在时间轴上的“图层1”中把图层名改为“背景”。...4 创建一个电影剪辑元件(命名为“动画”)，现在进入元件编辑界面将诗词和遮罩元件组合为古诗动画。将古诗元件拖放入时间轴第一层，图层名称更改为“古诗1”，位置“X，Y”为“-75×-160”。...在图层名称的位置点击鼠标右键选择“遮罩层”，把该图层变为“古诗1”层的遮罩层。...再创建“遮罩2”层，同样在第201帧处建立关键帧并把遮罩元件拖放入场景中，大小为“300×289”像素，位置“X，Y”为“-70×-460.1”。

3K1 0

游戏开发中的物理之布娃娃系统

游戏开发中的物理之布娃娃系统介绍设置布娃娃创造物理骨骼清理骨架碰撞形状调整关节调整模拟布娃娃碰撞层和遮罩介绍从3.1版开始，Godot支持布娃娃物理。...骨架按钮出现在顶部栏菜单上：单击它并选择选项。...碰撞形状调整下一个任务是调整碰撞形状和物理骨骼的大小，以匹配每个骨骼应模拟的身体部位。关节调整调整碰撞形状后，布娃娃几乎准备就绪。您只需要调整销钉接头即可获得更好的模拟效果。...PhysicalBone节点默认分配有不受约束的销接头。要更改销钉接头，请选择PhysicalBone并在Joint部分中更改约束类型。在那里，您可以更改约束的方向及其限制。...这是部分布娃娃模拟的示例：碰撞层和遮罩确保正确设置碰撞层和蒙版，以免KinematicBody的胶囊不妨碍物理模拟：有关更多信息，请阅读碰撞层和遮罩。

1.2K4 0

CALayer之mask属性-遮罩

不同于那些绘制在父图层中的子图层，mask图层定义了父图层的部分可见区域。 mask图层的Color属性是无关紧要的，真正重要的是图层的轮廓。...*maskLayer = [CAShapeLayer layer]; maskLayer.path = apath.CGPath; maskLayer.fillColor = [UIColor...foregroundLayer.mask = maskLayer; [self.view.layer addSublayer:foregroundLayer]; } @end 我们再可以给遮罩层添加动画...) @property (nonatomic, strong) CAShapeLayer *circle; @property (nonatomic, strong) CADisplayLink *link...[super viewDidLoad]; //创建一个CAShape CALayer *bgLayer = [CALayer layer]; //设置大小颜色和位置

2.5K8 0

点击加载更多

iOS学习——UIPickerView的实现年月选择器

iOS 自定义相机页面

学会不一样的Loading图

iOS视图滚动的时候控制导航条标题及公告视图的alpha（显示与隐藏）

面试题型—iOS离屏渲染探索

实践－小效果 III

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

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

老司机带你走进Core Animation 之CAAnimation

直播APP常用动画效果

iOS动画-CAAnimation使用详解

iOS 自定义 ViewController 过渡动画

iOS CALayer 简单介绍

想要漂亮的蒙版指引吗？跟着我手把手的教你写出来

IOS开发系列——启动页专题【整理，部分原创】

iOS动画系列之七：实现类似Twitter的启动动画1. CAKeyframeAnimation2. CAAnimationGroup3. 实现类似Twitter的启动动画

绘图－类似百度外卖波浪效果的实现与关键点解析

用flash做古诗动画_Flash制作跟我学用遮罩技术制作古诗动画-FLASH课件制作（FLASH课件制作教程）－flash课件吧（湖北金鹰）…

游戏开发中的物理之布娃娃系统

CALayer之mask属性-遮罩

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐