当前位置: 首页 > 编程日记 > 正文

(四十七)Quartz2D引擎初步

Quartz2D是跨平台的,同时支持iOS与Mac。

支持圆型裁剪,可以实现圆形头像等功能,也支持手势解锁、折线图等的制作。

对于复杂的UI界面,还可以通过Quartz2D将控件内部的结构画出来,可用于自定义控件。

实际上iOS大部分控件都是通过Quartz2D画出来的,一个重要价值是自定义view。


一些基础概念:

1.图形上下文(Graphics Context):是CGContextRef类型数据

能保存绘图信息、绘图状态,决定绘制的输出目标,可以输出到文件或者窗口。

绘制好的图像先保存到图形上下文,再显示到输出目标。

Tip:相同的图像,经过不同的图形上下文,就可以显示到不同的地方。

Quartz2D支持的类型:Bitmap、PDF、Window、Layer、Printer.


2.自定义view

拥有图形上下文,并且与view有关。

步骤:

1.新建一个类,继承自UIView。

2.实现drawRect: rect方法画图。


3.须知:

1.后面绘制的部分覆盖前面绘制的部分。

2.Quartz2D的API是纯C代码。

3.Quartz2D来自CoreGraphics框架。

4.数据类型和函数基本都是以CG开头。


重写UIView的drawRect方法,可以绘制图形,绘制直线的方法:

1.绘制直线

以CGContext开头的,MoveToPoint、AddLineToPoint以及StrokePath方法

Tip:如果要画独立的直线,只要多次使用MoveToPoint即可。

Tip:drawRect函数在View第一次显示到屏幕上的时候会调用一次,重绘时也会调用一次。

- (void)drawRect:(CGRect)rect {// 1.获得图形上下文CGContextRef ctx = UIGraphicsGetCurrentContext();// 2.拼接图形(路径)// 2.1设定起点CGContextMoveToPoint(ctx, 10, 10);// 2.2添加一条线从起点到(100,100)CGContextAddLineToPoint(ctx, 100, 100);// 2.3从上次终点继续绘制CGContextAddLineToPoint(ctx, 150, 40);// 2.4回到起点,关闭路径CGContextAddLineToPoint(ctx, 10, 10);// 3.渲染显示到view上,stroke是空心的形式。CGContextStrokePath(ctx);}


2.绘制矩形:

CGContextAddRect(ctx, CGRectMake(10, 10, 100, 100));

Tip:Stroke方法画的是空心图形,将Stroke换为Fill可得到填充图形。


3.设置状态的代码(颜色、粗细):

Tip:设置状态的代码一定要放在渲染的前面,放在绘制函数的前后都可以。

3.1设置线宽:

CGContextSetLineWidth(ctx, 10);
3.2设置颜色:有Stroke和Fill两种方式,注意小数是 x / 255.0。

CGContextSetRGBStrokeColor(ctx, 255/255.0, 125/255.0, 0.0, 1.0)
Tip:状态只在渲染的时候确定,因此多个状态不同的内容应该渲染多次。

3.3线段头尾样式(圆形):三中,Miter是默认的发射状(方形)、Round为圆形、Bevel为裁剪。

CGContextSetLineCap(ctx, kCGLineCapRound);
连接点样式:

CGContextSetLineJoin(ctx, kCGLineJoinRound);

Tip:如果使用多次渲染,那么之前绘制的路径尾就无法继续使用了,应该重新确立起点。

Tip:CMYK是印刷色彩颜色,由青、品红、黄、黑构成,RGB由红绿蓝构成。

设置颜色的一个简便方法:

使用UIColor对象的setStroke与setFill方法:如果写set则是全部设置。

[[UIColor redColor] setStroke];

4.绘制圆和椭圆:通过外接矩形确定。

    // 圆形CGContextAddEllipseInRect(ctx, CGRectMake(10, 10, 60, 60));// 椭圆CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 100, 50));

5.绘制圆弧:

/***  绘制圆弧**  @param c#>          图形上下文 description#>*  @param x#>          圆心x description#>*  @param y#>          圆心y description#>*  @param radius#>     半径 description#>*  @param startAngle#> 起始角度 description#>*  @param endAngle#>   结束角度 description#>*  @param clockwise#>  圆弧生长方向 0顺 1逆 description#>**/CGContextAddArc(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat radius#>, <#CGFloat startAngle#>, <#CGFloat endAngle#>, <#int clockwise#>);

需要注意的是角度为弧度,应该通过系统的宏来换算:M_PI_2表示二分之PI,M_1_PI表示0.1PI。

另外注意一点这里的角度和数学定义不同,顺时针为正角度,逆时针为负角度


6.图片和文字结合:

Tip:Quartz2D的坐标系和数学上一致,但是UIKit框架做了转换,和屏幕坐标系一致都是左上角为(0,0),因此使用纯C语言绘制出来的东西是倒着的。

利用OC来绘制字符串不需要调用和上下文:

NSString *str = @"一段文字";
[str drawAtPoint:CGPointMake(0, 0) withAttributes:nil];
想把文字放到矩形框内,使用drawInRect,还可以自动换行。

withAttributes是对状态的设置,注意要传入字典。

参数已经定义成字符串常量:

NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];
[str drawAtPoint:CGPointMake(0, 0) withAttributes:attrs];
常见的属性:

NSForegroundColorAttributeName为文字颜色。
NSFontAttributeName为字体。


图片的绘制:

直接绘制:

[UIImage imageNamed:@"me"];
[image drawInRect:CGRectMake(0, 0, 150, 150)];

平铺:

[UIImage imageNamed:@"me"];
[image drawAsPatternInRect:CGRectMake(0, 0, 150, 150)];




转载于:https://www.cnblogs.com/aiwz/p/6154204.html

相关文章:

PAT(甲级)2018年冬季考试 7-2 Decode Registration Card of PAT

目录 体会 代码(非满分) 改进 AC代码 体会 这题主要是考察对STL中string,map,vector的应用以及自定义sort()应用。 类型1和2的处理很容易。 类型3要求对于指定date&#xff0c;按照每个考场进行分类&#xff0c;记录不同考场的人数&#xff0c;按照人数非升序&#xff…

DOS、Mac 和 Unix 文件格式+ UltraEdit使用

文件格式 区分DOS、Mac 和 Unix分别对应三种系统从文件编码的方式来看&#xff0c;文件可分为ASCII码文件和二进制码文件两种文件模式 区分ASCII模式和Binary模式 通常由系统决定&#xff0c;大多数Linux/UNIX系统只有两种模式&#xff1a;文本模式和二进制模式。文本传输器使用…

灰度图像--图像分割 Scharr算子

学习DIP第46天 转载请标明本文出处&#xff1a;http://blog.csdn.net/tonyshengtan &#xff0c;出于尊重文章作者的劳动&#xff0c;转载请标明出处&#xff01;文章代码已托管&#xff0c;欢迎共同开发&#xff1a; https://github.com/Tony-Tan/DIPpro 更多图像处理机器学习…

FileUpload生成图片水印,文字水印(转载)

/** <summary>/// 生成缩略图/// </summary>/// <param name"originalImagePath">源图路径&#xff08;物理路径&#xff09;</param>/// <param name"thumbnailPath">缩略图路径&#xff08;物理路径&#xff09;</para…

1151 LCA in a Binary Tree (含求LCA的通法)

目录 解法一思路 结果 解法一改进 解法一改进结果 ​解法二思路 解法一代码 解法一改进代码 解法二代码(AC) 解法一思路 1. 根据先序和中序建树 2. 对树进行深度优先遍历&#xff0c;找到每一个结点的父节点(注意&#xff1a;由于值的范围是int&#xff0c;直接用可…

cf 414B Mashmokh and ACM 动态规划

题目链接&#xff1a;http://codeforces.com/problemset/problem/414/B dp[i][j]表示长度为i、最后一个数字为j的合法序列总数 dp[1][1...2000]都是1 后面用dp[i-1][j] 去更新 dp[i][j*t] (1 < j*t < 2000) 即用因子去更新它的倍数 表面上看是2000^3的复杂度会爆 其实不用…

解决:angularjs radio默认选中失效问题

添加ng-model后checked"checked"失效&#xff0c;可见angularjs也不好&#xff0c;会失效html标准属性解决&#xff1a;添加ng-checked"1"<input type"radio" ng-model"sel_course" value"1" ng-checked"1" /…

在ireport报错 报 jdk5找不到的解决办法

在ireport安装目录下&#xff0c; etc目录下有ireport.conf&#xff0c; 其中有jkdhome设置&#xff0c; 把前面的#&#xff08;注释&#xff09;去掉&#xff0c; 换成自己的jdk目录就行 双引号不要去掉 jdk地址放在双引号之间 比如 改成 jdkhome"G:/ACD/jdk1.5.0&quo…

如何通过中序和层序序列建立二叉树

有这样一棵二叉树 根据节点个数 9 层序遍历结果 15 23 8 16 2 32 28 7 11 中序遍历结果 16 23 7 32 11 2 28 15 8 预期先序输出 15 23 16 2 32 7 11 28 8 运行结果 这个过程和建立二叉查找树(BST)的过程是非常相像的&#xff0c;将laSq[laIndex]插入到根为root的子树中&a…

BZOJ 3573 米特运输

Description 米特是D星球上一种非常神秘的物质&#xff0c;蕴含着巨大的能量。在以米特为主要能源的D星上&#xff0c;这种米特能源的运输和储存一直是一个大问题。 D星上有N个城市&#xff0c;我们将其顺序编号为1到N&#xff0c;1号城市为首都。这N个城市由N-1条单向高速通…

[学习笔记]最小割之最小点权覆盖最大点权独立集

最小点权覆盖 给出一个二分图&#xff0c;每个点有一个非负点权要求选出一些点构成一个覆盖&#xff0c;问点权最小是多少 建模&#xff1a; S到左部点&#xff0c;容量为点权 右部点到T&#xff0c;容量为点权 左部点到右部点的边&#xff0c;容量inf 求最小割即可。 证明&…

10分钟学会Google Map API

http://space.itpub.net/14734354/viewspace-374828 前几天玩了玩Google的Map API&#xff0c;感觉还不错&#xff0c;很简单。但凡有过任何编程经验的同学&#xff0c;看完以下的教程&#xff0c;都可以在10分钟内掌握它的主要功能。另外我还做了个简单的小例子&#xff0c;有…

1143 Lowest Common Ancestor(建树与不建两种思路)

目录 解法一 解法二 解法一 这题可以不建树&#xff0c;直接利用BST的性质&#xff1a;左子树<根节点<右子树&#xff0c;对先序序列进行遍历&#xff0c;如果有某个元素大于等于u,v中较小的且小于等于u,v中较大的&#xff0c;则可能是根节点。 这题数据弱&#xff0…

UIScrollView

UIScrollView&#xff08;包括它的子类 UITableView 和 UICollectionView&#xff09;是 iOS 开发中最常用也是最有意思的 UI 组件&#xff0c;大部分 App 的核心界面都是基于三者之一或三者的组合实现。UIScrollView 是 UIKit 中为数不多能响应滑动手势的 view&#xff0c;相比…

MySQL练习题:常用函数

1. 以首字母大写&#xff0c;其他字母小写的方式显示所有员工的姓名2. 将员工的职位用小写字母显示3. 显示员工姓名超过5个字符的员工名4. 用#来填充员工职位job的结尾处&#xff0c;按10个字符长度输出。5. 去除字符串 hello world 两边的空格&#xff0c;并将单词间的空格改…

我的WINCE4.2历程(10)

2010-04-02 今天的主要工作&#xff1a; 1&#xff09;RTC4513驱动调试&#xff0c;又做了一些尝试&#xff08;检查GPIO口的第二功能设置是否正常&#xff09;&#xff0c;结果还是不正常&#xff0c;FAINT。 2&#xff09;回顾了截止到目前取得的进展&#xff1a; a&#xff…

1069 The Black Hole of Numbers

注意两点&#xff1a; 1. 不足4位要补足&#xff0c;不仅仅是一开始要考虑&#xff0c;每次得到一个差值&#xff0c;都要考虑 2. 到0也会停下&#xff0c;不仅仅是一开始可能发生&#xff0c;也可能是过程中的某一个差值 另&#xff1a; vector<int> 是可以作为函数…

详解Asp.net MVC DropDownLists

来自网络&#xff1a; Asp.net MVC中的DropDownLists貌似会让一开始从Asp.net Forms转过来的程序员造成不少迷惑.这篇文章讲述了为了使用DropDownLists,你需要在Asp.Net MVC中知道的方方面面. DropDownList,ComboBox,无论你喜欢怎么称呼这些&#xff0c;他们毫无例外的会被生成…

3D中的OBJ文件格式详解(转载)

OBJ文件是Alias|Wavefront公司为它的一套基于工作站的3D建模和动画软件"Advanced Visualizer"开发的一种标准3D模型文件格式&#xff0c;很适合用于3D软件模型之间的互导&#xff0c;也可以通过Maya读写。比如你在3dsMax或LightWave中建了一个模型&#xff0c;想把它…

比特币测试网络搭建

转自 https://blog.csdn.net/yzpbright/article/details/81004202 比特币 一、安装 Docker 二、安装和运行比特币测试网络(bitcoin-testnet) 1.下载比特币测试网络(bitcoin-testnet)的Docker镜像 docker pull freewil/bitcoin-testnet-box 2.运行Docker镜像 docker run -t -i -…

1136 A Delayed Palindrome 需再做

注意点&#xff1a; 1. 大整数即高精度整数&#xff0c;数据结构bign要会定义 2. 记得写构造函数或者通过别的方式初始化bign 3. len属性记得手动更新 4. int d[maxn]数组是顺位存储&#xff0c;意味着字符串要逆序读入 AC代码 #include<cstdio> #include<iostr…

ES5-Array-push(),pop(),shift(),unshift()

参考文章&#xff1a;push()&#xff0c;pop() push方法用于在数组的末端添加一个或多个元素&#xff0c;并返回添加新元素后的数组长度。 注意&#xff0c;该方法会改变原数组&#xff0c;而不是创建一个新的数组。var arr [];arr.push(1) // 1 arr.push(a) // 2 arr.push(tr…

visual studio 2005 新建C++空项目无法调试的解决方案

(1)项目属性→配置属性→链接器从→调试→生成调试信息→将“否”改为“是(/DEBUG)”。(2)项目属性→配置属性→C/C→调试信息格式→将“禁用”改为“用于编辑并继续的程序数据库(/ZI)”。(3)项目属性→配置属性→C/C→优化→优化→将“最大化速度(/O2)”改为“禁用(/Od)”。转…

jQuery.append()、jQuery.html()存在的XSS漏洞

使用jQuery.append()、jQuery.html()方法时&#xff0c;如果其中内容包含<script>脚本而没有经过任何处理的话&#xff0c;会执行它。 简单的示例代码如下&#xff1a; 1 var xssStr <script>console.log(1)</script>; 2 $(#test).html(xssStr); 控制台会打…

1132 Cut Integer

注意&#xff1a;取余得到的后半段b可能为0&#xff0c;所以要预先判断&#xff0c;否则会出现浮点错误。 写成 if(b!0&&z%(a*b)0)是不能避免浮点错误的&#xff0c;因为z%(a*b)已经发生。需要更换两个条件的位置&#xff0c;把前提放在前面&#xff0c;即 if(b!0&am…

.net之工作流工程展示及代码分享(二)工作流引擎

在介绍完表单类的时候&#xff0c;接下来介绍工作流引擎&#xff0c;主要由四个类组成&#xff0c;分别是流程、流程步骤、流程实例、流程步骤实例类。 流程类&#xff1a; 1 [Serializable]2 public class Flow3 {4 [XmlAttribute]5 public Guid …

11.CCNA第十一天-配置OSPF/EIGRP(增强型内部网关协议)

配置OSPFBranch(config)#router ospf ?<1-65535> Process ID通配符掩码在IGP协议中&#xff0c;以连续的0和连续的1组成有一种不科学的称呼&#xff08;反掩码&#xff09;Branch#show running-config | section router ospfrouter ospf 10network 10.1.0.0 0.0.255.25…

Electio Time poj

第一次用结构体&#xff0c;写些自己的心得&#xff1a; #include<stdio.h> #include<algorithm> using namespace std; #define MAX 50000 struct COW //定义结构体&#xff0c;&#xff08;由于在cmp&#xff08;&#xff09;函数里需要用到结构体名&#xf…

浙江大学软件学院2020年保研上机模拟练习 7-3 Partial School Ranking

并查集的使用时注意&#xff1a; 1. 合并两个结点是 F[sa] sb 而不是 sb F[sa]&#xff0c;想一下含义。 2. 给每个结点赋予其自身为父节点时&#xff0c;要先判断它的父节点是不是0&#xff0c;也许已经有了。 我把照片里其他同学的成绩赋值为0&#xff0c;但是应该考虑到…

小米:开源不仅要站在巨人的肩膀上,还要为巨人指方向

今天上午&#xff0c;第一届小米开源技术峰会在北京举行&#xff0c;会上&#xff0c;小米人工智能与云平台副总裁崔宝秋致开场词&#xff0c;并发表了《小米开源之路》的演讲。 崔宝秋强调小米一直在推动开源&#xff0c;也是开源的倡导者。他告诉我们雷军创立小米的其中一个重…