iOS開辟中Quartz2D掌握圓形縮放和完成刷幀後果
Quartz2D扼要回想
1、甚麼是Quartz2D
Quartz 2D是⼀個二維畫圖引擎,同時支撐IOS和Mac體系
Quartz 2D能完成的任務：
繪制圖形 : 線條\三角形\矩形\圓\弧等
繪制文字
繪制\生成圖片(圖象)
讀取\生成PDF
截圖\裁剪圖片
自界說UI控件
2、Quartz2D在IOS開辟中的價值
為了便於搭建雅觀的UI界面,IOS供給了UIKit框架,⾥⾯有各類各樣的UI控件
UILabel:顯⽰文字
UIImageView:顯示圖片
UIButton:同時顯示圖片和⽂字(能點擊)
利⽤UIKit框架供給的控件,拼拼集湊,能搭建和實際一些簡略、罕見的UI界⾯
然則,有些UI界面極端龐雜、⽽且⽐較特性化,⽤通俗的UI控件沒法完成,這時候可以應用Quartz2D技巧將控件外部的構造畫出來,自界說控件的模樣
其實,iOS中⼤部門控件的內容都是經由過程Quartz2D畫出來的
是以,Quartz2D在iOS開辟中很主要的⼀個價值是:自界說view(自界說UI控件)
3、圖形高低文
圖形高低文(Graphics Context):是一個CGContextRef類型的數據
圖形高低文的感化:
(1)保留畫圖信息、畫圖狀況
(2)決議繪制的輸入目的(繪制到甚麼地⽅去?) (輸入目的可所以PDF⽂文件、Bitmap或許顯示器的窗口上)
雷同的⼀套畫圖序列,指定分歧的Graphics Context,便可將雷同的圖象繪制到分歧的目的上
4、自界說view
若何應用Quartz2D⾃界說view?(⾃界說UI控件)
若何應用Quartz2D繪制器械到view上?
起首,得有圖形高低文,由於它能保留畫圖信息,而且決議著繪制到甚麼處所去
其次,誰人圖形高低⽂必需跟view相干聯,能力將內容繪制到view下面
⾃界說view的步調:
(1)新建⼀個類,繼續自UIView
(2)完成-(void)drawRect:(CGRect)rect⽅法.然後在這個⽅辦法中 :
1)獲得跟以後view相干聯的圖形高低文;
2)繪制響應的圖形內容
3)應用圖形高低文將繪制的一切內容襯著顯示到view下面
5、彌補解釋
1.drawRect:
（1）為何要完成drawRect:⽅法能力畫圖到view上?
由於在drawRect:⽅法中能力獲得跟view相干聯的圖形高低文
（2）drawRect:⽅法在甚麼時刻被挪用?
當view第一次顯示到屏幕上時(被加到UIWindow上顯示出來)
挪用view的setNeedsDisplay或許setNeedsDisplayInRect:時
2.Quartz2D須知
- Quartz2D的API是純C語⾔言的
- Quartz2D的API來自於Core Graphics框架
- 數據類型和函數根本都以CG作為前綴
- CGContextRef
- CGPathRef
- CGContextStrokePath(ctx);
3.drawRect:中獲得的高低⽂文
在drawRect:辦法中獲得高低文後,便可以繪制器械到view上
View外部有個layer(圖層)屬性,drawRect:辦法中獲得的是一個Layer Graphics Context,是以,繪制的器械實際上是繪制到view的layer上去了
View之所以能顯示器械,完整是由於它外部的layer
經由過程slider掌握圓的縮放
1.完成進程
新建一個項目，新建一個繼續自UIview的類，並和storyboard中自界說的view停止聯系關系。
界面搭建，如圖：
代碼示例：
YYViewController.m文件
//
// YYViewController.m
// 04-對圓停止縮放
//
// Created by apple on 14-6-11.
// Copyright (c) 2014年 itcase. All rights reserved.
//
#import "YYViewController.h"
#import "YYview.h"
@interface YYViewController ()
@property (weak, nonatomic) IBOutlet YYview *circleView;
- (IBAction)valueChange:(UISlider *)sender;
@end
@implementation YYViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}
- (IBAction)valueChange:(UISlider *)sender {
//當值轉變的時刻，把值傳遞給view,轉變圓的半徑
NSLog(@"%f",sender.value);
//把sender的值傳遞給自界說view，設置圓的半徑
self.circleView.radius=sender.value;
}
@end
YYview.h文件
//
// YYview.h
// 04-對圓停止縮放
//
// Created by apple on 14-6-11.
// Copyright (c) 2014年 itcase. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface YYview : UIView
//供給一個屬性來吸收外界傳入的半徑
@property(nonatomic,assign)float radius;
@end
YYview.m文件
//
// YYview.m
// 04-對圓停止縮放
//
// Created by apple on 14-6-11.
// Copyright (c) 2014年 itcase. All rights reserved.
//
#import "YYview.h"
@implementation YYview
//自界說view中的圓不顯示
//重寫set辦法，為半徑賦值
-(void)setRadius:(float)radius
{
_radius=radius;
//告訴自界說的view從新繪制圖形
[self setNeedsDisplay];
}
//假如view是從xib或storyboard中創立出來的會先挪用awakefromnib辦法
- (void)awakeFromNib
{
//在這裡為圓的半徑設定一個初始的值
self.radius = 20;
}
- (void)drawRect:(CGRect)rect
{
//1.獲得圖形高低文
CGContextRef ctx=UIGraphicsGetCurrentContext();
//2.畫圖
//在自界說的view中畫一個圓
CGContextAddArc(ctx, 100, 100, self.radius, 0, 2*M_PI, 0);
//設置圓的填充色彩
[[UIColor grayColor]set];
//3.襯著
// CGContextStrokePath(ctx);
CGContextFillPath(ctx);
}
@end
後果：
2.留意點：
drawRect:辦法不克不及由我們本身手動挪用，只能由體系來挪用。
drawRect:挪用的機會：當第一次顯示或許一個重繪事宜產生時挪用。
setNeedsDisplay辦法：從新繪制，挪用這個辦法就會告訴自界說的view從新繪制畫面，挪用drawRect:。
提醒：當一個view從xib或storyboard創立出來時，會挪用awakefromnib辦法。
3.彌補
刷幀後果
解釋：把雪花狀的圖片繪制到view上，完成圖片在視圖中著落的後果。
1.完成代碼：
//
// YYview.m
// 05-刷幀動畫
//
// Created by apple on 14-6-11.
// Copyright (c) 2014年 itcase. All rights reserved.
//
#import "YYview.h"
//公有擴大
@interface YYview ()
@property(nonatomic,assign)float imageY;
@end
@implementation YYview
-(id)initWithCoder:(NSCoder *)aDecoder
{
//請留意這裡必定要先初始化父類的結構辦法
if (self=[super initWithCoder:aDecoder]) {
NSLog(@"initWithCoder:");
//NSTimer普通用於准時的更新一些非界面上的數據,告知多久挪用一次
//應用准時器,應用該准時器會湧現卡頓的景象
// [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(updateImage) userInfo:nil repeats:YES];
// CADisplayLink刷幀，默許每秒刷新60次
//該准時器創立以後，默許是不會履行的，須要把它加載到新聞輪回中
CADisplayLink *display= [CADisplayLink displayLinkWithtarget:self selector:@selector(updateImage)];
[display addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}
return self;
}
-(void)updateImage
{
//挪用該辦法重繪畫面
[self setNeedsDisplay];
}
-(void)awakeFromNib
{
NSLog(@"awakeFromNib");
}
- (void)drawRect:(CGRect)rect
{
//把圖片繪制到view上
//每次挪用該辦法對畫面停止重繪時，imageY的值就+5
self.imageY+=5;
//斷定，當雪花超越屏幕的時刻，讓圖片從頭開端下降
if (self.imageY>rect.size.height) {
self.imageY=0;
}
UIImage *image=[UIImage imageNamed:@"snow"];
[image drawAtPoint:CGPointMake(0, self.imageY)];
UIImage *image2=[UIImage imageNamed:@"me"];
[image2 drawAtPoint:CGPointMake(80, self.imageY)];
}
@end
完成後果
2.主要解釋
（1）上面兩個辦法的挪用次序
-(void)awakeFromNib
-(id)initWithCoder:(NSCoder *)aDecoder
提醒：假如view是從xib或storyboard中創立可以挪用awakefromnib辦法，歸檔。從文件創立view，其實會先挪用initwithcoder這個辦法。xib和storyboard也是文件。
下面兩個辦法，-(id)initWithCoder:(NSCoder *)aDecoder會先挪用。完成該辦法須要完成NSCoding協定，因為創立的UIView默許就曾經完成了該協定。
可以進入到頭文件檢查：
運轉新建的法式，經由過程打印可以驗證下面兩個辦法的挪用次序。
（2）兩個准時器
第一個：
[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(updateImage) userInfo:nil repeats:YES];
解釋： NSTimer普通用於准時的更新一些非界面上的數據,告知多久挪用一次
第二個：
CADisplayLink *display= [CADisplayLink displayLinkWithtarget:self selector:@selector(updateImage)];
[display addToRunLoop:[NSRunLoopmainRunLoop] forMode:NSDefaultRunLoopMode];
解釋： CADisplayLink刷幀，默許每秒刷新60次。該准時器創立以後，默許是不會履行的，須要把它加載到新聞輪回中
【iOS開辟中Quartz2D掌握圓形縮放和完成刷幀後果】的相關資料介紹到這裡，希望對您有所幫助！ 提示：不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦！
