iOS Quartz2D 透明层 TransparencyLayer

最近在研究iOS Quartz2D图形绘制引擎----->透明层TransparencyLayer

透明层

通过组合两个或多个对象来生成一个组合图形, 组合图形被看成是单一对象, 当需要在一组对象上使用特效的时候, 透明层非常有用

透明层的工作方式

Quartz2D的透明层类似很多流行的图形应用中的层, 层是独立的实体,

Quartz维护为每个上下文维护一个透明栈, 并且透明层可以嵌套的, 但由于层通常是栈的一部分, 所以我们不能单独操作它们,

通过调用CGContextBeginTransparencyLayer开始一个透明层,

该函数有两个参数(图形上下文, CFDictionary对象)字典对象一般为NULL

图形状态参数保持不变, 除了alpha值(默认为1),阴影(默认关闭), 混合模式(默认为normal), 及其他影响最终组合的参数.

效果:

直接上代码,注释很清楚,简单易懂

//
//  Quartz2dViewFour.m
//  Quartz2DDemoOne
//
//  Created by 帝炎魔 on 16/5/23.
//  Copyright © 2016年 帝炎魔. All rights reserved.
//

#import "Quartz2dViewFour.h"

@implementation Quartz2dViewFour

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code

    /**
     *  透明层
        通过组合两个或多个对象来生成一个组合图形, 组合图形被看成是单一对象, 当需要在一组对象上使用特效的时候, 透明层非常有用

        透明层的工作方式
        Quartz2D的透明层类似很多流行的图形应用中的层, 层是独立的实体,
        Quartz维护为每个上下文维护一个透明栈, 并且透明层可以嵌套的, 但由于层通常是栈的一部分, 所以我们不能单独操作它们,
        通过调用CGContextBeginTransparencyLayer开始一个透明层,
        该函数有两个参数(图形上下文, CFDictionary对象)字典对象一般为NULL
        图形状态参数保持不变, 除了alpha值(默认为1),阴影(默认关闭), 混合模式(默认为normal), 及其他影响最终组合的参数.

     *  透明层的工作方式
     *
     *  开始透明层的操作, 可以绘制任何想显示在层上的对象, 指定上下文中的绘制操作将被当成一个组合对象慧慧到一个透明背景上, 这个背景被当做一个独立于图形上下文的目标缓存
        绘制完成之后, 我们调用函数CGContextEndTransparencyLayer.
        Quartz将结合对象放入上下文, 并使用上下文的全局alpha值, 阴影状态以及裁剪区域作用于组合对象.

        在透明层中绘制需要三步:

        1. 调用函数CGContextBeginTransparencyLayer
        2. 在透明层中绘制需要组合的对象
        3. 调用函数CGContextEndTransparencyLayer

     */

    [self transparencyLayerWithWidth:300 height:300];

}

- (void)transparencyLayerWithWidth:(float)width height:(float)height
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    // 设置阴影的偏移量
    CGSize myShadowOffset = CGSizeMake(10, -20);
    CGContextSetShadow(context, myShadowOffset, 10);

    // 开始透明层
    CGContextBeginTransparencyLayer(context, NULL);

    // 在透明层绘制需要组合的对象
    CGContextSetRGBFillColor(context, 0, 1, 0, 1);
    CGContextFillRect(context, CGRectMake(width/3 + 50, height/2, width/4, height/4));

    CGContextSetRGBFillColor(context, 0, 0, 1, 1);
    CGContextFillRect(context, CGRectMake(width/3 - 50, height/2 - 100, width/4, height/4));

    CGContextSetRGBFillColor(context, 1, 0, 0, 1);
    CGContextFillRect(context, CGRectMake(width/3, height/2 - 50, width/4, height/4));

    // 绘制完成 结束透明层操作
    CGContextEndTransparencyLayer(context);
}

@end
时间: 2024-10-28 23:18:19

iOS Quartz2D 透明层 TransparencyLayer的相关文章

iOS Quartz2D 渐变图形 CGGradient CGShading

最近在学习iOS Quartz2D二维图形绘制--->渐变效果 Quartz2D 渐变 Quartz提供了两个不透明数据odgago创建渐变: CGShadingRef 和 CGGradientRef 可以使用任何一种来创建轴向(axial)或径向(radial)渐变.一个渐变是从一个颜色到另一个颜色的填充 一个轴向渐变(也成为线性渐变) 不说废话直接上干货, 代码和注释还算全,不懂的自行百度吧 <span style="font-size:18px;">// Qua

iOS Quartz2D画图

对于刚接触Quartz2D的同学来说,先了解 上下文 的概念,再从最基础的画线来具体体验Quartz2D的画图步骤 介绍Quart2D :是苹果官方的二维(平面)绘图引擎,同时支持iOS和macOS系统,它的API是纯C语言的,它可以绘制图形.绘制文字.绘制图片.截图.自定义UI控件 在iOS开发中,Quartz2D最常用来自定义UI控件. Quartz2D画图步骤: 1:获取图形上下文对象 2 向图形上下文对象中添加路径,绘图属性等等 3 渲染(把图形上下文中的路径绘制到对应的输出设备上) 介

iOS Quartz2D绘制线、矩形、弧、圆、文字、图片

利用Quartz2D中提供的图层上下文 Layer Graphics Context,进行简单绘制线.矩形.弧.圆.文字.图片 在storyBoard中得拖入控制器,添加多个UIView控件,并把各个UIView的class修改为自定义的类. 如: 绘制线: // // HJLineView.m // 画线三角矩形圆 // // Created by HJiang on 15/1/2. // Copyright (c) 2015年 HJiang. All rights reserved. //

IOS Quartz2D简介

Quartz2D 简介( 后续会有相关应用) 第一部分 绘制直线 代码示例: - (void)drawRect:(CGRect)rect{ //获取图形上下文 CGContextRef cxContext = UIGraphicsGetCurrentContext(); //开始画图 //设置直线起点 CGContextMoveToPoint(cxContext, 0, 20); //设置直线中点 CGContextAddLineToPoint(cxContext, 100, 20); //渲染

iOS——Quartz2D

0. 复习. 1.基本图形绘制 * 线段(线宽.线段样式) * 矩形(空心.实心.颜色) * 三角形.四边形等形状 1> 说明 - (void)drawRect:(CGRect)rect 什么时候调用.调用次数等 - 当 view 第一次被显示的时候调用(调用一次) - 或者是重绘事件被触发的时候 - 不要手动去调用这个方法 - 手动调用重绘方法 setNeedsDisplay 或者 setNeedsDisplayInRect: 2> 说明为什么要在 - (void)drawRect:(CGR

iOS Quartz2D画基本图形

1.线 // 1.获得图形上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 设置线宽 CGContextSetLineWidth(ctx, 5); // 设置颜色 CGContextSetRGBStrokeColor(ctx, 0, 0, 1, 1); // 设置头尾部样式 CGContextSetLineCap(ctx, kCGLineCapRound); // 设置转折点的样式 CGContextSetLineJoin(ctx,

iOS Quartz2D模拟下载进度条

效果图: 步骤: 1.在StoryBoard中拖入一个控制器添加UISlider和UIView 2个控件 2.在控制器中连线监听UISlider的值变化事件.HJProgressView属性,把变化的值传递给自定义UIView 3.自定义HJProgressView重写progressValue属性set方法,重绘视图中得文字和弧度值 控制器代码: #import "ViewController.h" #import "HJProgressView.h" @inte

IOS Quartz2D 通过UIColor生成图片

普通生成 示例代码: //这里实现普通生成图片的方法 - (void)drawRect:(CGRect)rect { CGRect cxRect = CGRectMake(0, 0, 100, 100); UIGraphicsBeginImageContextWithOptions(cxRect.size, NO, 0); [[UIColor redColor] setFill]; UIRectFill(cxRect); UIImage * image = UIGraphicsGetImageF

iOS Quartz2D 常用方法总结

- (void)drawRect:(CGRect)rect { //    这里是Layer Graphics Context CGContextRef  ctx = UIGraphicsGetCurrentContext(); //    绘制图形 //    设置起点 CGContextMoveToPoint(ctx, 10, 10); //    设置终点 ctx 是上下文 CGContextAddLineToPoint(ctx, 10, 100); //    绘制图形(渲染到layer