亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

iOS開發中Quartz2D控制圓形縮放和實現刷幀效果

2020-07-26 03:31:28
字體:
來源:轉載
供稿:網友

Quartz2D簡要回顧
一、什么是Quartz2D

 Quartz 2D是⼀個二維繪圖引擎,同時支持iOS和Mac系統

 Quartz 2D能完成的工作:

  繪制圖形 : 線條/三角形/矩形/圓/弧等

  繪制文字

  繪制/生成圖片(圖像)

  讀取/生成PDF

  截圖/裁剪圖片

  自定義UI控件

二、Quartz2D在iOS開發中的價值

為了便于搭建美觀的UI界面,iOS提供了UIKit框架,⾥⾯有各種各樣的UI控件

UILabel:顯⽰文字
UIImageView:顯示圖片
UIButton:同時顯示圖片和⽂字(能點擊)

利⽤UIKit框架提供的控件,拼拼湊湊,能搭建和現實一些簡單、常見的UI界⾯

但是,有些UI界面極其復雜、⽽且⽐較個性化,⽤普通的UI控件無法實現,這時可以利用Quartz2D技術將控件內部的結構畫出來,自定義控件的樣子

其實,iOS中⼤部分控件的內容都是通過Quartz2D畫出來的
因此,Quartz2D在iOS開發中很重要的⼀個價值是:自定義view(自定義UI控件)

三、圖形上下文

圖形上下文(Graphics Context):是一個CGContextRef類型的數據

圖形上下文的作用:

(1)保存繪圖信息、繪圖狀態
(2)決定繪制的輸出目標(繪制到什么地⽅去?) (輸出目標可以是PDF⽂文件、Bitmap或者顯示器的窗口上)

201512292227373.png (674×129)

相同的⼀套繪圖序列,指定不同的Graphics Context,就可將相同的圖像繪制到不同的目標上

201512292252318.png (719×358)

四、自定義view

如何利用Quartz2D⾃定義view?(⾃定義UI控件)

如何利用Quartz2D繪制東西到view上?

首先,得有圖形上下文,因為它能保存繪圖信息,并且決定著繪制到什么地方去

其次,那個圖形上下⽂必須跟view相關聯,才能將內容繪制到view上面

⾃定義view的步驟:

(1)新建⼀個類,繼承自UIView

(2)實現-(void)drawRect:(CGRect)rect⽅法.然后在這個⽅方法中 :

1)取得跟當前view相關聯的圖形上下文;

2)繪制相應的圖形內容

3)利用圖形上下文將繪制的所有內容渲染顯示到view上面

五、補充說明

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


效果:

201512291701799.png (640×960)

201512291719993.png (640×960)

2.注意點:

drawRect:方法不能由我們自己手動調用,只能由系統來調用。
drawRect:調用的時機:當第一次顯示或者一個重繪事件發生時調用。
setNeedsDisplay方法:重新繪制,調用這個方法就會通知自定義的view重新繪制畫面,調用drawRect:。
提示:當一個view從xib或storyboard創建出來時,會調用awakefromnib方法。
3.補充

201512291739903.png (640×960)

201512291757725.png (640×960)

刷幀效果
說明:把雪花狀的圖片繪制到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


實現效果

201512291816946.png (791×121)

2.重要說明

(1)下面兩個方法的調用順序

-(void)awakeFromNib

-(id)initWithCoder:(NSCoder *)aDecoder

提示:如果view是從xib或storyboard中創建可以調用awakefromnib方法,歸檔。從文件創建view,其實會先調用initwithcoder這個方法。xib和storyboard也是文件。

上面兩個方法,-(id)initWithCoder:(NSCoder *)aDecoder會先調用。實現該方法需要實現NSCoding協議,由于創建的UIView默認就已經實現了該協議。

可以進入到頭文件查看:

201512291816946.png (791×121)

運行新建的程序,通過打印可以驗證上面兩個方法的調用順序。

201512291906114.png (877×135)

(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次。該定時器創建之后,默認是不會執行的,需要把它加載到消息循環中

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩成人在线电影网| 久久免费精品日本久久中文字幕| 国产精品女人网站| 国产精品99久久99久久久二8| 欧美日韩国产页| 国产69精品久久久久久| 欧美日韩一区二区免费在线观看| 欧美与黑人午夜性猛交久久久| 亚洲最大福利视频网| 亚洲电影成人av99爱色| 精品动漫一区二区三区| 午夜免费在线观看精品视频| 国产成人激情小视频| 一级做a爰片久久毛片美女图片| 欧美日韩不卡合集视频| 亚洲欧美日韩在线高清直播| 国产精品欧美日韩一区二区| 国产精品免费在线免费| 97视频免费观看| 日韩有码片在线观看| 中文字幕一区二区三区电影| 亚洲男人天堂九九视频| 成人国产亚洲精品a区天堂华泰| 国产免费一区视频观看免费| 国产91对白在线播放| 91福利视频在线观看| 国产日韩精品在线观看| 亚洲韩国欧洲国产日产av| 国产精品香蕉av| 欧美高清视频在线观看| 日韩风俗一区 二区| 欧美精品videos另类日本| 色先锋资源久久综合5566| 欧美日韩电影在线观看| 久久久久久久一| 亚洲热线99精品视频| 欧洲s码亚洲m码精品一区| 中文字幕日韩欧美精品在线观看| 亚洲aⅴ男人的天堂在线观看| 亚洲成人a**站| 国产精品扒开腿做| 精品久久久久久久久久久久久| xvideos亚洲| 丰满岳妇乱一区二区三区| 91chinesevideo永久地址| 日韩精品高清在线观看| 日韩精品在线观看视频| 91国产在线精品| 乱亲女秽乱长久久久| 91超碰caoporn97人人| 久久视频免费在线播放| 亚洲aaaaaa| 亚洲午夜精品视频| 国产精品美女主播| 亚洲欧美日韩精品久久奇米色影视| 庆余年2免费日韩剧观看大牛| 国产aⅴ夜夜欢一区二区三区| 国产亚洲一区二区在线| 中文字幕不卡在线视频极品| 日韩一区av在线| 久久久爽爽爽美女图片| 国产精品www网站| 久久不射热爱视频精品| 欧美与黑人午夜性猛交久久久| 中文字幕在线看视频国产欧美| 久久精品视频播放| 国产欧美一区二区三区久久人妖| 色狠狠久久aa北条麻妃| 欧美日韩一区二区免费在线观看| 欧美日韩一区二区三区在线免费观看| 欧美大尺度激情区在线播放| 91精品国产91久久久久久不卡| 久久久成人精品| 亚洲91精品在线| 久久亚洲综合国产精品99麻豆精品福利| 欧美日韩国产一区中文午夜| 国产精品h片在线播放| 久热精品视频在线观看一区| 久久国产精品久久久久| 亚洲男人7777| 亚洲一区二区三区777| 国内精品久久久久| 国产99久久精品一区二区 夜夜躁日日躁| 欧美中文在线观看| 亚洲国内精品视频| 亚洲欧美www| 欧美—级a级欧美特级ar全黄| 国产日韩av高清| 亚洲精品福利免费在线观看| 亚洲天堂免费观看| 亚洲欧洲激情在线| 俺去亚洲欧洲欧美日韩| 欧美xxxx做受欧美.88| 国产一区二区三区四区福利| 91精品国产综合久久香蕉| 亚洲一区二区三区xxx视频| 大胆欧美人体视频| 国产精品午夜一区二区欲梦| 中文字幕精品www乱入免费视频| 欧洲永久精品大片ww免费漫画| 欧美国产第二页| 日韩成人在线观看| 92版电视剧仙鹤神针在线观看| 欧美激情视频免费观看| 国产午夜精品理论片a级探花| 免费不卡在线观看av| 国产精品一区二区久久精品| 日韩免费中文字幕| 国产精品日韩电影| 久久久亚洲影院你懂的| 久久成人国产精品| 久久久精品亚洲| 成人一区二区电影| 欧美高清无遮挡| 久久艹在线视频| 精品视频—区二区三区免费| 欧美激情视频一区二区三区不卡| 91sa在线看| 欧美二区乱c黑人| 国产999精品久久久| 亚洲视频视频在线| 久久综合色88| 亚洲精品第一国产综合精品| 欧美日韩亚洲网| 国产精品海角社区在线观看| 国产亚洲精品高潮| 亚洲乱码一区二区| 欧美一区二三区| 国产成人久久久精品一区| 国产激情久久久| 亚洲精品视频免费| 日韩欧美中文字幕在线播放| 欧美精品电影免费在线观看| 亚洲国产精品久久久| 九九热精品视频国产| 精品国产欧美一区二区五十路| 欧美xxxx14xxxxx性爽| 亚洲精选一区二区| 欧美日韩美女在线观看| 欧美激情精品久久久久久蜜臀| 久久精品国产成人精品| 国产伦精品一区二区三区精品视频| 亚洲一区二区少妇| 亚洲欧美国产一本综合首页| 在线精品91av| 亚洲性日韩精品一区二区| 日韩在线小视频| 欧美久久精品午夜青青大伊人| 日韩中文在线不卡| 欧美激情视频给我| 九九热精品在线| 亚洲欧美在线一区| 亚洲一区免费网站| 国产精品白嫩美女在线观看| 91在线高清视频| 久久久久久国产三级电影| 亚洲欧洲日韩国产| 欧美性高潮在线| 国产综合久久久久久| 国色天香2019中文字幕在线观看| 福利二区91精品bt7086| 国产精品久久一区| 国产精品亚洲一区二区三区| 久国内精品在线|