前言
app在渲染視圖時，需要在坐標(biāo)系中指定繪制區(qū)域。
這個概念看似乎簡單，事實并非如此。
When an app draws something in iOS, it has to locate the drawn content in a two-dimensional space defined by a coordinate system.
This notion might seem straightforward at first glance, but it isn't.
正文
我們先從一段最簡單的代碼入手，在drawRect中顯示一個普通的UILabel；
為了方便判斷，我把整個view的背景設(shè)置成黑色：
- (void)drawRect:(CGRect)rect { [super drawRect:rect]; CGContextRef context = UIGraphicsGetCurrentContext(); NSLog(@"CGContext default CTM matrix %@", NSStringFromCGAffineTransform(CGContextGetCTM(context))); UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 28)]; testLabel.text = @"測試文本"; testLabel.font = [UIFont systemFontOfSize:14]; testLabel.textColor = [UIColor whiteColor]; [testLabel.layer renderInContext:context];}這段代碼首先創(chuàng)建一個UILabel，然后設(shè)置文本，顯示到屏幕上，沒有修改坐標(biāo)。
所以按照UILabel.layer默認(rèn)的坐標(biāo)(0, 0)，在左上角進行了繪制。
UILabel繪制
接著，我們嘗試使用CoreText來渲染一段文本。
- (void)drawRect:(CGRect)rect { [super drawRect:rect]; CGContextRef context = UIGraphicsGetCurrentContext(); NSLog(@"CGContext default matrix %@", NSStringFromCGAffineTransform(CGContextGetCTM(context))); NSAttributedString *attrStr = [[NSAttributedString alloc] initWithString:@"測試文本" attributes:@{ NSForegroundColorAttributeName:[UIColor whiteColor], NSFontAttributeName:[UIFont systemFontOfSize:14], }]; CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef) attrStr); // 根據(jù)富文本創(chuàng)建排版類CTFramesetterRef UIBezierPath * bezierPath = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, 100, 20)]; CTFrameRef frameRef = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, 0), bezierPath.CGPath, NULL); // 創(chuàng)建排版數(shù)據(jù) CTFrameDraw(frameRef, context);}首先用NSString創(chuàng)建一個富文本，然后根據(jù)富文本創(chuàng)建CTFramesetterRef，結(jié)合CGRect生成的UIBezierPath，我們得到CTFrameRef，最終渲染到屏幕上。
但是結(jié)果與上文不一致：文字是上下顛倒。
CoreText的文本繪制
從這個不同的現(xiàn)象開始，我們來理解iOS的坐標(biāo)系。
坐標(biāo)系概念
在iOS中繪制圖形必須在一個二維的坐標(biāo)系中進行，但在iOS系統(tǒng)中存在多個坐標(biāo)系，常需要處理一些坐標(biāo)系的轉(zhuǎn)換。
先介紹一個圖形上下文(graphics context)的概念，比如說我們常用的CGContext就是Quartz 2D的上下文。圖形上下文包含繪制所需的信息，比如顏色、線寬、字體等。用我們在Windows常用的畫圖來參考，當(dāng)我們使用畫筆
注：相關(guān)教程知識閱讀請移步到IOS開發(fā)頻道。
新聞熱點
疑難解答
圖片精選
