Quartz2D~图片裁剪

最新推荐文章于 2019-08-27 17:02:16 发布

转载最新推荐文章于 2019-08-27 17:02:16 发布 · 573 阅读

文章标签：

#quartz #图片 #2d

IOS学习笔记专栏收录该内容

61 篇文章

订阅专栏

本文介绍了一个使用Objective-C实现的自定义视图绘制方法，包括如何在指定区域内绘制图片和文字。通过设置裁剪区域并利用UIKit框架提供的功能完成图案填充及文本自动换行显示。

代码：

//
//  QiDraw.m
//  
//
//  Created by QiZhang on 11/26/15.
//
//

#import "QiDraw.h"

@implementation QiDraw


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
//    UIImage *image = [UIImage imageNamed:@"头像"];
//    [image drawAtPoint:CGPointZero];
//    [image drawInRect:CGRectMake(0, 0, 100, 100)];

    UIRectClip(CGRectMake(0, 0, 100, 100)); // 设置裁剪区，超过裁剪区的部分将会被裁减掉
    UIImage *pImage = [UIImage imageNamed:@"001"];
    [pImage drawAsPatternInRect:rect];

//    [self drawText];


}


- (void)drawText
{
    // Drawing code
    NSString *text = @"dsfjaewdsfjaewiojtglkadsjgaadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgasldkfjdslffddddaewiojtglkadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgdslffdddddddddddddddddddsfjaewiojtglkadsjgasldkfjdslffdddddddddddddddddddsfjaewiojtglkadsjgasl";
    CGRect textFrame = CGRectMake(0, 0, 200, 200);
    NSDictionary *dict = @{
                           NSFontAttributeName : [UIFont systemFontOfSize:10],
                           NSForegroundColorAttributeName : [UIColor redColor],
                           NSBackgroundColorAttributeName : [UIColor blueColor],
                           NSStrokeWidthAttributeName : @5

                           };
    UIRectFill(textFrame);
    [text drawInRect:textFrame withAttributes:dict];  // 会自动换行
    //    [text drawAtPoint:CGPointZero withAttributes:dict]; // 不会自动换行
}


@end

结果：
画文字