zoukankan      html  css  js  c++  java
  • UIBeaierPath 与 CAShapeLayer

    CAShapeLayer是基于贝塞尔曲线而存在的, 如果没有贝塞尔曲线提供路径来画出图形, CAShapeLayer就没有存在的意义, CAShapeLayer可以使得不用在   drawRect:方法中实现画图.

    另外, CAShapeLayer是属于CoreAnimation框架的, 是基于GPU的来进行渲染的,

             不比使用CoreGraphic框架, 是基于CPU来渲染的, 所以CAShapeLayer效率相对比较高一些

    下面我简单的使用CAShapeLayer和贝塞尔曲线画了矩形和椭圆形,

    // 矩形(正方形)
    - (void)createRect
    {
        // 创建矩形贝塞尔曲线路径
        UIBezierPath *rect = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, 20, 30)];
        
        // 创建CAShapeLayer
        CAShapeLayer *shapeLayer = [CAShapeLayer layer];
        // 设置尺寸
        shapeLayer.frame         = CGRectMake(0, 0, 100, 200);
        // 设置位置
        shapeLayer.position      = self.view.center;
        // 填充颜色
        shapeLayer.fillColor     = [UIColor whiteColor].CGColor;
        // 路径颜色(边框)
        shapeLayer.strokeColor   = [UIColor blackColor].CGColor;
        
        // 关联
        shapeLayer.path = rect.CGPath;
        
        // 显示
        [self.view.layer addSublayer:shapeLayer];
    }
    
    // 椭圆(圆)
    - (void)createOval
    {
        // 创建椭圆形贝塞尔曲线路径
        UIBezierPath *oval = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
        
        // 创建CAShapeLayer
        CAShapeLayer *shapeLayer    = [CAShapeLayer layer];
        // 设置尺寸,
        shapeLayer.frame            = CGRectMake(0, 0, 200, 200);
        // 设置位置(设置的是shapeLayer的中心点位置)
        shapeLayer.position = self.view.center;
        // 设置背景颜色
        shapeLayer.backgroundColor  = [UIColor greenColor].CGColor;
        // 设置填充颜色(注意, 这里不是设置背景颜色)
        shapeLayer.fillColor        = [UIColor redColor].CGColor;
        // 设置边框颜色(路径颜色)
        shapeLayer.strokeColor      = [UIColor blueColor].CGColor;
        
        // 关联ShapeLayer和贝塞尔曲线
        shapeLayer.path = oval.CGPath;
        
        // 显示
        [self.view.layer addSublayer:shapeLayer];
        
    }
  • 相关阅读:
    ButterKnife的使用以及不能自动生成代码问题的解决
    Android事件传递机制
    Java中四种引用类型
    Swiper
    table合并单元格 colspan(跨列)和rowspan(跨行)
    常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
    解决firefox、chrome不兼容cursor:hand 设置鼠标为手型的方法
    js 验证表单 js提交验证类
    怎么解决浏览器兼容性问题
    JavaScript作用域链
  • 原文地址:https://www.cnblogs.com/daxueshan/p/6001216.html
Copyright © 2011-2022 走看看