CATextLayer简单使用
/// 实现更加灵活的文字布局和渲染,包括了UILable 几乎所有的功能
/// 渲染效率明显高于 UILabel
- (void)CATextLayer {
/* 创建一个字符承载视图 */
UIView *textView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 50)];
textView.backgroundColor = [UIColor yellowColor];
CATextLayer *textLayer = [CATextLayer layer];
textLayer.frame = textView.frame;
textLayer.string = @"CATextLayer";
// 文字的前景色和背景色
textLayer.foregroundColor = [UIColor whiteColor].CGColor; //用于渲染接收文本的颜色。
textLayer.backgroundColor = [UIColor grayColor].CGColor;
// 文字超出视图边界裁剪
textLayer.wrapped = YES;
// 文字的字体
textLayer.font = (__bridge CFTypeRef _Nullable)([UIFont systemFontOfSize:30].fontName);
// 文字居中
textLayer.alignmentMode = kCAAlignmentCenter;
// 适应屏幕的 Retina分辨率,防止像素画导致模糊
textLayer.contentsScale = [UIScreen mainScreen].scale;
[textView.layer addSublayer:textLayer];
[self.view addSubview:textView];
}
CAShapeLayer简单使用
专门用来绘制矢量图形的图形子类,可以指定线宽和颜色等利用CGPath绘制图形路径,可以实现图形的3D变换效果,
1.渲染效率比Core Graphics快很多,而且可以在超出视图边界之外绘制,不会被边界裁剪掉.
2.内存使用更加高效,普通的 CALayer 对象要创建一个寄宿图,而 CAShaperLayer 不需要,这样就解约了内存.
3.通常通过指定 CAShapeLayer对象的 path 属性来绘制图层.
/// 专门用来绘制矢量图形的图形子类,可以指定线宽和颜色等利用CGPath绘制图形路径,可以实现图形的3D变换效果,
/// 1.渲染效率比Core Graphics快很多,而且可以在超出视图边界之外绘制,不会被边界裁剪掉.
/// 2.内存使用更加高效,普通的 CALayer 对象要创建一个寄宿图,而 CAShaperLayer 不需要,这样就解约了内存.
/// 3.通常通过指定 CAShapeLayer对象的 path 属性来绘制图层.
- (void)CAShapeLayer {
// 创建圆形的路径
UIBezierPath *path = [[UIBezierPath alloc] init];
// 起点要在圆心右侧水平半径处
[path moveToPoint:CGPointMake(200, 200)];
// 添加圆形弧路径
[path addArcWithCenter:CGPointMake(150, 200) radius:50 startAngle:0 endAngle:2 * M_PI clockwise:YES];
// 创建图形的层
CAShapeLayer * shapeLayer = [CAShapeLayer layer];
// 路径线的颜色
shapeLayer.strokeColor = [UIColor redColor].CGColor;
// 闭合图形(内部)填充颜色
shapeLayer.fillColor = [UIColor clearColor].CGColor;
// 线宽
shapeLayer.lineWidth = 5;
// 线的样式,端点,交点
shapeLayer.lineCap = kCALineCapRound;
shapeLayer.lineJoin = kCALineJoinRound;
// 设置图形的路径, 使用 UIBezierpath类帮助创建图层路径,这样就不需要人工释放 CGPath了.
shapeLayer.path = path.CGPath;
[self.view.layer addSublayer:shapeLayer];
}
CAGradientLayer 简单使用
/// 它是一个硬件加速的高性能绘制图层.主要用来实现多种颜色的平滑渐变效果,
/// 这里给出一个三种颜色从正方形左上角到右下角渐变效果实例代码
- (void)CAGradientLayer {
// 创建layer 承载视图
UIView *backView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 150, 150)];
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
gradientLayer.frame = backView.bounds; // view和 layer 重合
// 依次设置渐变颜色数组
gradientLayer.colors = @[(__bridge id)[UIColor greenColor].CGColor, (__bridge id)[UIColor yellowColor].CGColor, (__bridge id)[UIColor orangeColor].CGColor];
// 颜色从起点到终点按比例分段位置
gradientLayer.locations = @[@0, @.3, @0.5];
gradientLayer.startPoint = CGPointMake(0, 0);
gradientLayer.endPoint = CGPointMake(1, 1);
[backView.layer addSublayer:gradientLayer];
[self.view addSubview:backView];
}
UIBezierPath 的简单介绍:
1.使用这个类可以创建基于矢量的路径,此类是 Core Graphics框架关于 path 的一个封装, UIBezierPath的对象是 CGPathRef 数据类型的封装,我们可以使用UIBezierPath绘制各种常见的几何图形.
- 使用步骤:
- 创建一个
UIBezierPath对象;
- 使用类提供的路径构建方法设置图形;
- 设置相关的属性, 示例如下:
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 100) radius:100 startAngle:0 endAngle:M_PI_2 clockwise:YES];
path.lineWidth = 5;
path.lineCapStyle = kCGLineCapRound;
path.lineJoinStyle = kCGLineJoinRound;
[path stroke];
