iOS开发UI篇—自定义layer详解手机开发
2023-06-13 09:20:14 时间
1.简单说明
以前想要在view中画东西,需要自定义view,创建一个类与之关联,让这个类继承自UIView,然后重写它的DrawRect:方法,然后在该方法中画图。
绘制图形的步骤:![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
1 // 2 // YYViewController.m 3 // 05-自定义layer(1) 4 // 5 // Created by apple on 14-6-21. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 9 #import "YYViewController.h" 10 #import "YYMylayer.h" 12 @interface YYViewController () 14 @end 16 @implementation YYViewController 18 - (void)viewDidLoad 19 { 20 [super viewDidLoad]; 22 //1.创建自定义的layer 23 YYMylayer *layer=[YYMylayer layer]; 24 //2.设置layer的属性 25 layer.backgroundColor=[UIColor brownColor].CGColor; 26 layer.bounds=CGRectMake(0, 0, 200, 150); 27 layer.anchorPoint=CGPointZero; 28 layer.position=CGPointMake(100, 100); 29 layer.cornerRadius=20; 30 layer.shadowColor=[UIColor blackColor].CGColor; 31 layer.shadowOffset=CGSizeMake(10, 20); 32 layer.shadowOpacity=0.6; 34 [layer setNeedsDisplay]; 35 //3.添加layer 36 [self.view.layer addSublayer:layer]; 38 } 40 @end
![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
(1)默认为无色,不会显示。要想让绘制的图形显示出来,还需要设置图形的颜色。注意不能直接使用UI框架中的类
(2)在自定义layer中的-(void)drawInContext:方法不会自己调用,只能自己通过setNeedDisplay方法调用,在view中画东西DrawRect:方法在view第一次显示的时候会自动调用。
![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
1 #import "YYVIEW.h" 3 @implementation YYVIEW 6 - (void)drawRect:(CGRect)rect 7 { 8 //1.获取上下文 9 CGContextRef ctx=UIGraphicsGetCurrentContext(); 10 //2.绘制图形 11 CGContextAddEllipseInRect(ctx, CGRectMake(50, 50, 100, 100)); 12 //设置属性(颜色) 13 // [[UIColor yellowColor]set]; 14 CGContextSetRGBFillColor(ctx, 0, 0, 1, 1); 16 //3.渲染 17 CGContextFillPath(ctx); 18 //在执行渲染操作的时候,本质上它的内部相当于调用了下面的方法 19 [self.layer drawInContext:ctx]; 20 }
![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
说明:在UIView中绘制图形,获取的上下文就是这个view对应的layer的上下文。在渲染的时候,就是把图形渲染到对应的layer上。
在执行渲染操作的时候,本质上它的内部相当于执行了 [self.layer drawInContext:ctx];
二、第二种方式
方法描述:设置CALayer的delegate,然后让delegate实现drawLayer:inContext:方法,当CALayer需要绘图时,会调用delegate的drawLayer:inContext:方法进行绘图。
代码示例:
![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
1 // 2 // YYViewController.m 3 // 06-自定义layer(2) 4 // 5 // Created by apple on 14-6-21. 6 // Copyright (c) 2014年 itcase. All rights reserved. 8 #import "YYViewController.h" 9 @interface YYViewController () 10 @end 12 @implementation YYViewController 14 - (void)viewDidLoad 15 { 16 [super viewDidLoad]; 17 //1.创建自定义的layer 18 CALayer *layer=[CALayer layer]; 19 //2.设置layer的属性 20 layer.backgroundColor=[UIColor brownColor].CGColor; 21 layer.bounds=CGRectMake(0, 0, 200, 150); 22 layer.anchorPoint=CGPointZero; 23 layer.position=CGPointMake(100, 100); 24 layer.cornerRadius=20; 25 layer.shadowColor=[UIColor blackColor].CGColor; 26 layer.shadowOffset=CGSizeMake(10, 20); 27 layer.shadowOpacity=0.6; 29 //设置代理 30 layer.delegate=self; 31 [layer setNeedsDisplay]; 32 //3.添加layer 33 [self.view.layer addSublayer:layer]; 34 } 36 -(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx 37 { 38 //1.绘制图形 39 //画一个圆 40 CGContextAddEllipseInRect(ctx, CGRectMake(50, 50, 100, 100)); 41 //设置属性(颜色) 42 // [[UIColor yellowColor]set]; 43 CGContextSetRGBFillColor(ctx, 0, 0, 1, 1); 45 //2.渲染 46 CGContextFillPath(ctx); 47 } 48 @end
![复制代码](http://blog.ytso.com/zb_users/plugin/LazyLoad/usr/loading.gif)
实现效果:
注意点:不能再将某个UIView设置为CALayer的delegate,因为UIView对象已经是它内部根层的delegate,再次设置为其他层的delegate就会出问题。
在设置代理的时候,它并不要求我们遵守协议,说明这个方法是nsobject中的,就不需要再额外的显示遵守协议了。提示:以后如果要设置某个类的代理,但是这个代理没要求我们遵守什么特定的协议,那么可以认为这个协议方法是NSObject里边的。
当UIView需要显示时,它内部的层会准备好一个CGContextRef(图形上下文),然后调用delegate(这里就是UIView)的drawLayer:inContext:方法,并且传入已经准备好的CGContextRef对象。而UIView在drawLayer:inContext:方法中又会调用自己的drawRect:方法。平时在drawRect:中通过UIGraphicsGetCurrentContext()获取的就是由层传入的CGContextRef对象,在drawRect:中完成的所有绘图都会填入层的CGContextRef中,然后被拷贝至屏幕。
相关文章
- iOS小技能:MVVM数据绑定的实现方式(KVO、block、Delegate、Notification、RAC)
- iOS-class方法和objc_getClass方法
- iOS iOS 地图与定位开发系列教程
- 苹果发布 iOS 16 公开测试版,一起来看看这几项新功能
- iOS小技能:WKWebView与JS的交互
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- HBuilder X 连接苹果手机(IOS)详细教程。Windows: 连接iOS手机调试项目
- 新技术:使用免费苹果账号申请 iOS 证书进行真机调试
- iOS 多线程:『GCD』详尽总结(二)
- 【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)
- 【IOS 开发】基本 UI 控件详解 (UISegmentedControl | UIImageView | UIProgressView | UISlider | UIAlertView )
- iOS对图像进行压缩代码详解手机开发
- javascript ios 拍照照片翻转解决方案详解编程语言
- Linux下开发iOS应用:挑战还是机会?(linux做ios开发)
- Linux与iOS:同源不同道(linux与ios的关系)
- Linux与iOS:越来越亲密的合作伙伴(linux与ios)
- Unc0ver团队发布最新iOS越狱工具 新增支持iOS 14.0、14.3系统
- iOS开发与Linux的技术融合(ios开发linux)
- Redis Web UI:实现管理更轻松便捷(redis web ui)
- IOS上可以安装Oracle吗(ios能装oracle吗)
- 使用iOS就能操作Oracle数据库(ios上oracle)
- 谁说 iOS 就不适用Oracle(ios oracle软件)
- iOS系统下的Oracle数据库环境(ios oracle)
- 苹果全面拥抱 AR/VR:iOS 一夜成全球最大 AR 平台 | WWDC17