iOS_Quartz2D_繪制"文字"和"圖片"

展示效果:


效果圖


效果圖


效果圖

請問:實現的步驟是什么?

第一步,繪制文字,需要實現如下步驟:1>初始化文字內容.2>設置文字的富文本屬性3>調用字符串的drawAtPoint方法進行文字的繪制.

第二步,使用UIKit來繪制圖片, UIImage一共有三種繪圖的方法. 1>平鋪2>以給入的點來繪制3>根據給入的矩形框來進行圖片的繪制.

//第一步代碼實現

------------------------------ HMDrawingView.m------------------------------

//繪制文字

- (void)drawRect:(CGRect)rect

{

// 1.初始化文字內容

NSString*text =@"Hello

World!";

// 2.設置文字的富文本屬性

NSMutableDictionary*attributesDict = [NSMutableDictionarydictionary];

attributesDict[NSFontAttributeName] = [UIFontsystemFontOfSize:20];

attributesDict[NSForegroundColorAttributeName] = [UIColorredColor];

attributesDict[NSStrokeWidthAttributeName] =@"5";

// 3.渲染文字內容

[textdrawAtPoint:CGPointMake(100,100)withAttributes:attributesDict];

}

//第二步代碼實現

------------------------------ HMDrawingView.m------------------------------

// UIKit繪制圖片

- (void)drawRect:(CGRect)rect

{

// 1.平鋪圖片

UIImage*image = [UIImageimageNamed:@"me"];

[imagedrawAsPatternInRect:rect];

// 2.使用起始點來繪制圖片->默認的尺寸就是圖片的尺寸

UIImage*image = [UIImageimageNamed:@"me"];

[imagedrawAtPoint:CGPointMake(100,100)];

// 3.使用矩形框來繪制圖片->默認的尺寸就是矩形框的尺寸,如果圖片非常小,就會被拉伸

UIImage*image = [UIImageimageNamed:@"me"];

[imagedrawInRect:CGRectMake(50,50,300,300)];

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原文地址:http://www.cocoachina.com/industry/20140115/7703.htm...
    默默_David閱讀 6,138評論 0 1
  • Quartz2D以及drawRect的重繪機制字數1487 閱讀21 評論1 喜歡1一、什么是Quartz2D Q...
    PurpleWind閱讀 788評論 0 3
  • --繪圖與濾鏡全面解析 概述 在iOS中可以很容易的開發出絢麗的界面效果,一方面得益于成功系統的設計,另一方面得益...
    韓七夏閱讀 2,767評論 2 10
  • 留白成韻律,美玉映陽國。 宇器著天意,書香沁匠德。 —————————————————————— 注: 天意 1....
    不惑而歌閱讀 596評論 3 12
  • 1.概述 學習本文你可以了解到: HashMap 是什么樣的內部結構?有什么特點? 他的工作原理是什么樣? equ...
    忽忽_閱讀 402評論 0 0