CAShapeLayer

iOS CAShapeLayer 使用

CAShapeLayer介绍CAShapeLayer继承自CALayer，可使用CALayer的所有属性CAShapeLayer需要和贝塞尔曲线配合使用才有意义。
怪小喵·2019-10-30 22:12

UIView任意角圆角和圆角边框

有个问题注意：使用CAShapeLayer绘制边框圆角边框设置边框的颜色：strokeColor设置其值，并且同时要设置fillColor为clearColor.这样才会绘制边框。不然会全部绘制。
生命不止运动不息·2019-10-04 15:04

iOS 带指示线说明的饼状图

需要做一个环形图用于展示各部分之间的比例设计图：设计图实现方式技术选型：1、在UIView的drawRect方法中绘制所需要的各种视图，饼图，指示线，文字等元素绘制出页面2、基于UIBezierPath+CAShapeLayer
NAN先生的喵·2019-09-27 18:12

iOS 给View添加一个渐变色边框

主要思路添加一个CAGradientLayer,这个CAGradientLayer的遮罩层是一个填充透明的CAShapeLayer，渐变色的颜色、方向由CAGradientLayer的colors、startPoint
某某香肠·2019-08-25 00:01

iOS 动态绘制渐变色圆环

思路画静态圆的方法有很多,例如UIBezierPath或者UIBezierPath+CAShapeLayer等等,本文也会用到.动态效果即不断的更新圆环的角度(弧度),然后不断的绘制圆,达到动态效果,使用
Teun丶·2019-08-20 11:12

iOS 自定义折线图

Demo地址chart-w480视图层级及设计思路使用UICollectionView实现滚动效果，并且部分展示元素可以复用，如下图中日期label、虚线及圆点使用CAShapeLayer+UIBezierPath
小阿辉Huiz·2019-08-20 10:18

iOS 滑动查看更多(仿豆瓣 app)

效果图展示最终效果图~豆瓣app效果图使用创建对象关键思路主要用到了CAShapeLayer和UIBezierPath一些东西思路就是在滚动视图的末尾画出一个矩形，然后在滚动到合适的位置的时候触发形变思路附上源码
绘色·2019-07-22 19:29

路径动画(波浪)

-(void)viewDidLoad{[superviewDidLoad];//layer属性//@property(nonatomic,strong)CAShapeLayer*shapeLayer3;
温水煮青蛙a·2019-05-30 09:01

iOS各种layer的用法

1、CAShapeLayerCGPath能表示的形状，CAShapeLayer都可以绘制出来。换句话说CGPath可以限制CAShapeLayer的形状。
4335151e8554·2019-04-30 16:10

Swift CAShapeLayer 画三角形

屏幕快照2019-04-09下午6.07.32.pnglettriangleView=UIView(frame:CGRect(x:50,y:100,width:200,height:100))triangleView.backgroundColor=.lightGrayself.view.addSubview(triangleView)//画三角lettrianglePath=UIBezierPa
yytmzys·2019-04-09 18:50

仪表盘绘制

先看下效果图：仪表盘.gif仪表盘UI界面可以分为两部分1-表盘刻度：刻度是一段段短线，我使用的是UIBezierPath+CAShapeLayer绘制而成。
___吉·2019-03-27 15:27

一分钟搞定虚线绘制

]initWithFrame:CGRectMake(20,100,self.view.frame.size.width-40,1)];[self.viewaddSubview:line];//绘制虚线CAShapeLayer
山水域·2019-03-06 17:38

iOS 使用CAShapeLayer实现毛玻璃遮罩

效果图1刚开始想做这样的遮罩效果，然后呢？看了一下view里面的属性有maskView，然后踩了一些坑说一下：1.如果maskView不起作用，那请设置一下maskView的背景颜色。2.当一个view设置了maskView后，那么它只会显示与maskView重叠并且有颜色的部分。如下图：效果图2CGFloatmaskY=(SCREEN_HEIGHT-(SCREEN_WIDTH-40)/0.618
桀骜不驯的搬砖者·2019-02-27 17:58

仿照抖音点赞功能

又有一个点赞功能,经过研究我写一个demo，看下效果经过一顿分析和反复的实验,1图像的基本架构,剩下的代码就是这个图像上进行操作,既然开始写代码,填一张心型的的图片这个没什么好说,三角型,绘制为了性能我用CAShapeLayer
usg·2019-02-23 07:41

iOS抖音点赞

like.gif我们仔细观察会发现点赞的时候会发散出6个红色的三角形，所以我们可以利用贝斯阿尔曲线画出来，直接上代码：CAShapeLayer*layer=[[CAShapeLayeralloc]init
Albin_iOS·2019-02-21 17:30

iOS设置圆角的4种方法实例（附性能评测）

layer的cornerRadiusview.layer.masksToBounds=YES;view.layer.cornerRadius=imgSize.width/2;2、用贝塞尔曲线作mask圆角CAShapeLayer
溪石iOS·2019-01-04 09:55

CAAnimation和CALayer使用Tips1

CAKeyframeAnimation关键帧动画，注重过程CAAnimationGroup动画组，别忘了统一设置duration等参数CABaseAnimation基础动画，跟老板一样，注重开始和结尾CAShapeLayer
王大吉Rock·2018-12-13 18:52

CAAnimation和CALayer使用Tips1

CAKeyframeAnimation关键帧动画，注重过程CAAnimationGroup动画组，别忘了统一设置duration等参数CABaseAnimation基础动画，跟老板一样，注重开始和结尾CAShapeLayer
王大吉Rock·2018-12-13 18:52

iOS Swift 手势密码，用 GPassword 就够了

特性使用代理将手势密码图绘制完成的密码传出使用CAShapeLayer和UIBezeierPath，拥有更好的性能
hackjie123·2018-11-14 16:41

切某个位置圆角

切某个位置圆角//切圆角CAShapeLayer*shapeLayer=[CAShapeLayerlayer];shapeLayer.path=[UIBezierPathbezierPathWithRoundedRect
lizhi_boy·2018-11-13 16:23

CAShapeLayer之strokeStart和strokeEnd属性研究

CAShapeLayer之strokeStart和strokeEnd属性研究galshir-todo-list-swipe.gif最近利用闲暇在研究上面的这个动画，因为本身对动画没有太深入的研究。
童星·2018-10-19 15:07

动画示例（七） —— 基于CAShapeLayer图像加载过程的简单动画（一）

版本记录版本号时间V1.02018.08.24前言如果你细看了我前面写的有关动画的部分，就知道前面介绍了CoreAnimation、序列帧以及LOTAnimation等很多动画方式，接下来几篇我们就以动画示例为线索，进行动画的讲解。相关代码已经上传至GitHub-刀客传奇。感兴趣的可以看我写的前面几篇。1.动画示例（一）——一种外扩的简单动画2.动画示例（二）——一种抖动的简单动画3.动画示例（三
刀客传奇·2018-08-24 09:40

iOS开发读书笔记：iOS Core Animation:Advanced Techniques(iOS核心动画高级技巧)-中篇

iOSCoreAnimation:AdvancedTechniques(iOS核心动画高级技巧)-中篇iOSCoreAnimation:AdvancedTechniques(iOS核心动画高级技巧)-下篇目录专用图层6.1CAShapeLayer6.2CATextLayer6.3CATransfo
Ryan___·2018-08-22 15:40

view设置圆角，使用CAShapeLayer绘制圆角，优化app性能

UIBezierPath*path=[UIBezierPathbezierPathWithRoundedRect:CGRectMake(0,0,50,50)byRoundingCorners:UIRectCornerAllCornerscornerRadii:CGSizeMake(25,25)];//CGRectMake(0,0,50,50)代表视图截取大小cornerRadii:CGSizeMa
Dawe1·2018-07-19 10:51

view设置圆角，使用CAShapeLayer绘制圆角，优化app性能

UIBezierPath*path=[UIBezierPathbezierPathWithRoundedRect:CGRectMake(0,0,50,50)byRoundingCorners:UIRectCornerAllCornerscornerRadii:CGSizeMake(25,25)];//CGRectMake(0,0,50,50)代表视图截取大小cornerRadii:CGSizeMa
Dawe1·2018-07-19 10:51

UIView 部分透明的实现方案

initWithFrame:(CGRect)frame{if(self=[superinitWithFrame:frame]){//透明的区域CGRectrect=CGRectMake(200,300,150,150);CAShapeLayer
似奔跑的野马·2018-06-26 15:34

CAGradientLayer与CAShapeLayer简介

CAGradientLayer处理颜色的渐变属性属性意义NSArray*colors渐变颜色的数组NSArray*locations渐变颜色的区间分布，locations的数组长度和color一致，这个值一般不用管它，默认是nil，会平均分布，取值在0到1之间startPoint映射locations中第一个位置，用单位向量表示，比如（0，0）表示从左上角开始变化。默认值是(0.5,0.0)end
JinManli·2018-06-25 16:14

Swift4.1 仿微信浮窗

浮窗按钮：UIButton这个按钮为浮窗功能的核心，主要包括:通过touch系列事件处理移动浮窗、进入二级页面、隐藏浮窗2、取消浮窗：UIView这个View就是用来显示交互的，构成为一个Button和CAShapeLayer3
Codepgq·2018-06-11 17:22

iOS实现波浪效果

interfaceViewController()@property(strong,nonatomic)CADisplayLink*displayLink;@property(strong,nonatomic)CAShapeLayer
鸿鹄当高远·2018-05-21 11:26

iOS绘图的两种方式

CAShapeLayer属于CoreAnimation框架继承自CALayer一个CAShapeLayer对象只能配合一个UIBezierPath对象，但是这个UIBezierPath实例可以添加UIBezierPath
佚名_i·2018-05-04 08:08

ios 渐变色圆弧进度条

最近项目中有需求提出要写一个渐变色的进度条类似于这样的D471F6E7-D8A5-4071-B8DE-7D27E9B533C4.png经过一番折腾做了以下工具类：@interfaceCNNProgressView:UIView{CAShapeLayer
要成为灰太狼的男人·2018-05-03 16:16

iOS怎么自定义动感的按钮

动感的按钮.gif说下主要思路：利用UIBezierPath分三个路径创建按钮背景的曲线；利用CAGradientLayer类来实现渐变的效果；利用CAShapeLayer和CAKeyframeAnimation
敌敌味丶·2018-05-02 17:40

CoreAnimation----CAShapeLayer

CoreAnimation----CAShapeLayer大美女先说说使用CAShapeLayer的优点:GPU执行,GPU执行,GPU执行CAShapeLayer1.CAShapeLayer的优点渲染迅速
M_PI_4·2018-04-03 16:33

雷达图绘制引发内存的思考

下图为两种方式绘制的雷达图以及内存使用情况：drawRect方式绘制的雷达图.pngCAShapeLayer方式绘制的雷达图.png在调研过后发现现在市面上有两种做雷达图的方式一种是通过drawRect进行绘制另一种则是通过CAShapeLayer
韶桦·2018-04-01 23:04

周老师的QuartzCore教程 - 专用图层(上)

目录CAShapeLayer-矢量图层属性通过CGPath绘制图形CAGradientLaye
muchDrinkHotWat·2018-03-27 15:05

iOS CoreAnimation教程 第三篇

看四个例子kCALineJoinMiter样式CAShapeLayer*Star=[CAShapeLayerlayer];Star.frame=CGRectMake(102,254.56,183.74,193.44
人魔七七·2018-03-07 15:42

部分圆角

self.imgView.boundsbyRoundingCorners:UIRectCornerTopLeft|UIRectCornerTopRightcornerRadii:CGSizeMake(10,10)];CAShapeLayer
赤焰军少帅林殊·2018-02-28 20:01

iOS 指南针

一、运行效果预览二、实现过程1.继承于UIView创建一个带刻度标注的视图ScaleView，利用UIBezierPath和CAShapeLayer、UILabel，默认0刻度(北)在最上方。
findhappy117·2018-02-27 23:37

【iOS】中间透明的引导蒙层

需求如图口袋蜜蜂app一键海报的新手指引图，需求是遮罩层中间透明的，把底层的第一张海报显示出来，如图：实现通过UIBezierPath和CAShapeLayer绘制一张中间为透明的黑色半透明遮罩层。
imJackXu·2018-02-08 07:51

使用UIBezierPath贝塞尔曲线配合CAShapeLayer抠图

使用UIBezierPath贝塞尔曲线配合CAShapeLayer抠图系统提供的UIBezierPath构造方法先来看看构造方法列表，以及构造出来的形状，具体详见后面的示例及图片。
Mr狮子先生·2017-12-27 18:42

UIView 添加虚线

pragmamark—添加虚线–(void)addDashed{//CAShapeLayer*borderLayer=[CAShapeLayerlayer];borderLayer.bounds=CGRectMake
代码不多程序员·2017-12-22 11:16

iOS环形渐变动画

关键词：CAAnimationGroup、CAShapeLayer、贝塞尔曲线宏定义以及属性#defineKShapeLayerRadius30//半径#defineKShapeLayerWidth8/
取个并不帅气的昵称·2017-12-21 12:58

iOS 圆角阴影优化

下怎么使用1.离屏渲染原理iOS保持界面流畅的技巧iOS-离屏渲染详解.2.iOS添加圆角方法比较为控件添加圆角方法大概有四种：1）使用layer层的cornerRadius和maskToBounds2）使用CAShapeLayer
淘代码者·2017-12-11 07:02

用贝塞尔曲线和CAShapeLayer完成蒙版上‘抠个洞’

今天要做蒙版完成引导页，但是需求是在蒙版上扣出一块空白，用来高亮需要用户查看的位置。查看了好多资料，大部分都是完成一个圆环或者渐变圆环，后边突然看到贝塞尔的一个属性，用后立马就解决了，特此记录。效果图，主要是下方的透明UIBezierPath*maskPath=[UIBezierPathbezierPathWithRect:self.bounds];UIBezierPath*path=[[UIBe
上官萧璘·2017-12-11 03:16

iOS开发之CAShapeLayer后续——动画进度圈

一、CAShapeLayer后续基于上一篇文章CAShapeLayer初探的要求，笔者会在这篇文章中简析动画进度圈的封装步骤和代码实现。
施忆·2017-12-10 07:15

iOS 给view添加虚线边框

2016.7.27CAShapeLayer*border=[CAShapeLayerlayer];border.strokeColor=[UIColorhexStringToColor:@"#cccccc
夏天爱西瓜汁·2017-11-28 11:52

iOS 下拉果冻效果

image.png然后创建一个CAShapeLayer，设置渲染填充颜色，路径等拖拽的时候时
十三_Black·2017-11-21 15:19

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

下面逐个分析坐标横竖虚线的动画第一步设置一个CAShapeLayer并设置.lineDashPattern属性，使之成为虚线。下面一步很关键，生成一条UIBezier
進无尽·2017-11-09 19:10

IOS-Quartz2D & CALayer & CAShapeLayer

转自:http://www.jianshu.com/p/91b0cb25d4cb内容都是来自别人的帖子，自己学习用的，做一个简单的汇总。需要查看原帖的，请看帖子底部的参考文章部分。1.Quartz2D提起iOS中的绘图控件，必然会想到Quartz2D。Quartz2D是⼀个二维绘图引擎,同时支持iOS和Mac系统。Quartz2D的API来自于CoreGraphics框架，数据类型和函数基本都以C
Gz_Jason_chen·2017-11-09 18:25

CAShapeLayer 和drawRect 绘制图形的区别

一般都是使用CAShapeLayer绘制图形,今天突然看到使用drawRect绘制图片,在想两个异同点.为什么shapeLayer会成为主流的结合贝塞尔曲线绘制图形overridefuncdraw(inctx
蓝_上海求职·2017-10-31 10:54
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他