CGContextRef

什么是 CGConTextRef

CGConTextRef相當(dāng)于一個(gè)畫(huà)布铜邮,我們可以在上面畫(huà)各種各樣的圖形,而這個(gè)畫(huà)布又是在 View 上寨蹋。所以我們對(duì) CGConTextRef 進(jìn)行的一切操作相當(dāng)于在 View 上進(jìn)行松蒜。
View 中系統(tǒng)回自動(dòng)執(zhí)行 - (void)drawRect:(CGRect)rect 這個(gè)方法,所以我們需要在這個(gè)方法中已旧,創(chuàng)建一個(gè)畫(huà)布秸苗,然后對(duì)其進(jìn)行操作。那么 CGConTextRef 到底可以做些什么呢运褪?我們先來(lái)看看代碼

第一:寫(xiě)字

//獲得當(dāng)前畫(huà)板
- (void)drawRect:(CGRect)rect {

    CGContextRef ctx = UIGraphicsGetCurrentContext();
 /**
     *  字的大小
     *
     *  @param c#>     畫(huà)板名 description#>
     *  @param red#>   紅 description#>
     *  @param green#> 綠 description#>
     *  @param blue#>  藍(lán) description#>
     *  @param alpha#> 透明度 description#>
     */    CGContextSetRGBStrokeColor(ctx, 0.2, 0.2, 0.2, 1.0);
    //畫(huà)線(xiàn)的寬度 參數(shù)為 畫(huà)板 寬度
    CGContextSetLineWidth(ctx, 0.25);
    //開(kāi)始把NSString寫(xiě)到畫(huà)布上 參數(shù):X,Y,W,H
    [@"我是大展惊楼!" drawInRect:CGRectMake(100, 100, 100, 30) 
   // 布局畫(huà)板
    [super drawRect:rect];  // 這個(gè)方法只用加載一次
}

第二:畫(huà)線(xiàn)

//獲得當(dāng)前畫(huà)板
- (void)drawRect:(CGRect)rect
{
    //獲得當(dāng)前畫(huà)板
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //顏色
    CGContextSetRGBStrokeColor(ctx, 0.2, 0.2, 0.2, 1.0);
    //畫(huà)線(xiàn)的寬度
    CGContextSetLineWidth(ctx, 0.25);
    //頂部橫線(xiàn)
    CGContextMoveToPoint(ctx, 0, 10);
    CGContextAddLineToPoint(ctx, self.bounds.size.width, 10);
    CGContextStrokePath(ctx);
    [super drawRect:rect];
}
}

第三:畫(huà)圓

//獲得當(dāng)前畫(huà)板
- (void)drawRect:(CGRect)rect
{
    //獲得當(dāng)前畫(huà)板
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //顏色
    CGContextSetRGBStrokeColor(ctx, 0.2, 0.2, 0.2, 1.0);
    //畫(huà)線(xiàn)的寬度
    CGContextSetLineWidth(ctx, 0.25);
    //頂部橫線(xiàn)
    CGContextMoveToPoint(ctx, 0, 10);
    CGContextAddLineToPoint(ctx, self.bounds.size.width, 10);
    CGContextStrokePath(ctx);
    [super drawRect:rect];
}
}

第四:畫(huà)矩形

- (void)drawRect:(CGRect)rect
{
    //獲得當(dāng)前畫(huà)板
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //顏色
    CGContextSetRGBStrokeColor(ctx, 0.2, 0.2, 0.2, 1.0);
    //畫(huà)線(xiàn)的寬度
    CGContextSetLineWidth(ctx, 0.25);
    CGContextAddRect(ctx, CGRectMake(2, 2, 30, 30));
    CGContextStrokePath(ctx);
    [super drawRect:rect];
}

我們來(lái)綜合使用下

- (void)drawRect:(CGRect)rect
{
    //獲得當(dāng)前畫(huà)板
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    //顏色

    CGContextSetRGBStrokeColor(ctx, 0.2, 0.2, 0.2, 1.0);
    //畫(huà)線(xiàn)的寬度
    CGContextSetLineWidth(ctx, 0.25);
    //開(kāi)始寫(xiě)字
    [@"我是大展!" drawInRect:CGRectMake(100, 100, 100, 30) withFont:[UIFont systemFontOfSize:20]];
    [@"我是大展吐句!" drawInRect:CGRectMake(200, 300, 100, 30) withFont:[UIFont systemFontOfSize:20]];
    [@"我是大展胁后!" drawInRect:CGRectMake(100, 500, 100, 30) withFont:[UIFont systemFontOfSize:20]];
    //畫(huà)線(xiàn)
    CGContextMoveToPoint(ctx, 0, 300);
    CGContextAddLineToPoint(ctx, self.bounds.size.width, 100);
    CGContextStrokePath(ctx);

    CGContextMoveToPoint(ctx, 0, 300);
    CGContextAddLineToPoint(ctx, self.bounds.size.width, 500);
    CGContextStrokePath(ctx);
    CGContextMoveToPoint(ctx, self.bounds.size.width, 500);
    CGContextAddLineToPoint(ctx, 0, 700);
    CGContextStrokePath(ctx);

    // 畫(huà)圓
//        void CGContextAddArc(CGContextRef c,CGFloat x, CGFloat y,CGFloat radius,CGFloat startAngle,CGFloat endAngle, int clockwise)1弧度=180°/π (≈57.3°) 度=弧度×180°/π 360°=360×π/180 =2π 弧度
//         x,y為圓點(diǎn)坐標(biāo)店读,radius半徑嗦枢,startAngle為開(kāi)始的弧度,endAngle為 結(jié)束的弧度屯断,clockwise 0為順時(shí)針文虏,1為逆時(shí)針。
        CGContextAddArc(ctx, 300, 600, 20, 0, 2*M_PI, 0); //添加一個(gè)圓
        CGContextDrawPath(ctx, kCGPathStroke); //繪制路徑

    [super drawRect:rect];
}

屏幕快照 2016-01-22 19.29.43.png

謝謝殖演!

如有雷同氧秘,你就是抄我的!?????? --大展

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末趴久,一起剝皮案震驚了整個(gè)濱河市丸相,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌彼棍,老刑警劉巖灭忠,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膳算,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡弛作,警方通過(guò)查閱死者的電腦和手機(jī)涕蜂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)映琳,“玉大人机隙,你說(shuō)我怎么就攤上這事∪鳎” “怎么了有鹿?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)谎脯。 經(jīng)常有香客問(wèn)我印颤,道長(zhǎng),這世上最難降的妖魔是什么穿肄? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任年局,我火速辦了婚禮,結(jié)果婚禮上咸产,老公的妹妹穿的比我還像新娘矢否。我一直安慰自己,他們只是感情好脑溢,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布僵朗。 她就那樣靜靜地躺著,像睡著了一般屑彻。 火紅的嫁衣襯著肌膚如雪验庙。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,443評(píng)論 1 302
  • 那天社牲,我揣著相機(jī)與錄音粪薛,去河邊找鬼。 笑死搏恤,一個(gè)胖子當(dāng)著我的面吹牛违寿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播熟空,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼藤巢,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了息罗?” 一聲冷哼從身側(cè)響起掂咒,我...
    開(kāi)封第一講書(shū)人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后绍刮,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體糜工,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年录淡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了捌木。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嫉戚,死狀恐怖刨裆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情彬檀,我是刑警寧澤帆啃,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站窍帝,受9級(jí)特大地震影響努潘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜坤学,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一疯坤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧深浮,春花似錦压怠、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至布卡,卻和暖如春雨让,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忿等。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工栖忠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人这弧。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓娃闲,卻偏偏與公主長(zhǎng)得像虚汛,于是被迫代替她去往敵國(guó)和親匾浪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容