iOS開發(fā)繪制虛線的方法

iOS開發(fā)繪制虛線的方法

方法一:通過Quartz 2D 在 UIView drawRect:方法進(jìn)行繪制虛線

- (void)drawRect:(CGRect)rect {// 可以通過 setNeedsDisplay 方法調(diào)用 drawRect:

????// Drawing code

????CGContextRef context =UIGraphicsGetCurrentContext();

????// 設(shè)置線條的樣式

????CGContextSetLineCap(context, kCGLineCapRound);

????// 繪制線的寬度

????CGContextSetLineWidth(context,3.0);

????// 線的顏色

????CGContextSetStrokeColorWithColor(context, [UIColororangeColor].CGColor);

????// 開始繪制

????CGContextBeginPath(context);

????// 設(shè)置虛線繪制起點

????CGContextMoveToPoint(context,10.0,20.0);

????// lengths的值{10,10}表示先繪制10個點,再跳過10個點,如此反復(fù)

????CGFloat lengths[] = {10,10};

????// 虛線的起始點

????CGContextSetLineDash(context,0, lengths,2);

????// 繪制虛線的終點

????CGContextAddLineToPoint(context,310.0,20.0);

????// 繪制

????CGContextStrokePath(context);

????// 關(guān)閉圖像

????CGContextClosePath(context);

}

方法二:通過 Quartz 2D 在 UIImageView 繪制虛線

/**

*? 通過 Quartz 2D 在 UIImageView 繪制虛線

*

*? param imageView 傳入要繪制成虛線的imageView

*? return

*/

- (UIImage *)drawLineOfDashByImageView:(UIImageView *)imageView {

????// 開始劃線 劃線的frame

????UIGraphicsBeginImageContext(imageView.frame.size);? ??

????[imageView.image drawInRect:CGRectMake(0,0, imageView.frame.size.width, imageView.frame.size.height)];

????// 獲取上下文

????CGContextRef line = UIGraphicsGetCurrentContext();

????// 設(shè)置線條終點的形狀

????CGContextSetLineCap(line, kCGLineCapRound);

????// 設(shè)置虛線的長度 和 間距

????CGFloat lengths[] = {5,5};? ?

?????CGContextSetStrokeColorWithColor(line, [UIColor greenColor].CGColor);

????// 開始繪制虛線

????CGContextSetLineDash(line,0, lengths,2);? ?

?????CGContextMoveToPoint(line,0.0,2.0);? ?

?????CGContextAddLineToPoint(line,300,2.0);? ?

?????CGContextStrokePath(line);

????// UIGraphicsGetImageFromCurrentImageContext()返回的就是image

????return UIGraphicsGetImageFromCurrentImageContext();

}

方法三:通過CAShapeLayer 方式繪制虛線

/**

** lineView:? ? ? 需要繪制成虛線的view

** lineLength:? ? 虛線的寬度

** lineSpacing:? ? 虛線的間距

** lineColor:? ? ? 虛線的顏色

**/

- (void)drawDashLine:(UIView *)lineView lineLength:(int)lineLength lineSpacing:(int)lineSpacing lineColor:(UIColor *)lineColor

{

? ? CAShapeLayer *shapeLayer = [CAShapeLayer layer];

? ? [shapeLayer setBounds:lineView.bounds];

? ? [shapeLayer setPosition:CGPointMake(CGRectGetWidth(lineView.frame) / 2, CGRectGetHeight(lineView.frame))];

? ? [shapeLayer setFillColor:[UIColor clearColor].CGColor];

? ? //? 設(shè)置虛線顏色

? ? [shapeLayer setStrokeColor:lineColor.CGColor];

? ? //? 設(shè)置虛線寬度

? ? [shapeLayer setLineWidth:CGRectGetHeight(lineView.frame)];

? ? [shapeLayer setLineJoin:kCALineJoinRound];

? ? //? 設(shè)置線寬欢顷,線間距

? ? [shapeLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:lineLength], [NSNumber numberWithInt:lineSpacing], nil]];

? ? //? 設(shè)置路徑

? ? CGMutablePathRef path = CGPathCreateMutable();

? ? CGPathMoveToPoint(path, NULL, 0, 0);

? ? CGPathAddLineToPoint(path, NULL,CGRectGetWidth(lineView.frame), 0);

? ? [shapeLayer setPath:path];

? ? CGPathRelease(path);

? ? //? 把繪制好的虛線添加上來

? ? [lineView.layer addSublayer:shapeLayer];

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末豪嚎,一起剝皮案震驚了整個濱河市箫攀,隨后出現(xiàn)的幾起案子较屿,更是在濱河造成了極大的恐慌,老刑警劉巖涉馁,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件汪疮,死亡現(xiàn)場離奇詭異峭火,居然都是意外死亡,警方通過查閱死者的電腦和手機智嚷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門卖丸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人盏道,你說我怎么就攤上這事稍浆。” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵衅枫,是天一觀的道長嫁艇。 經(jīng)常有香客問我,道長为鳄,這世上最難降的妖魔是什么裳仆? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮孤钦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘纯丸。我一直安慰自己偏形,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布觉鼻。 她就那樣靜靜地躺著俊扭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪坠陈。 梳的紋絲不亂的頭發(fā)上萨惑,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音仇矾,去河邊找鬼庸蔼。 笑死,一個胖子當(dāng)著我的面吹牛贮匕,可吹牛的內(nèi)容都是我干的姐仅。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼刻盐,長吁一口氣:“原來是場噩夢啊……” “哼掏膏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起敦锌,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤馒疹,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乙墙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颖变,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年伶丐,在試婚紗的時候發(fā)現(xiàn)自己被綠了悼做。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡哗魂,死狀恐怖肛走,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情录别,我是刑警寧澤朽色,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布邻吞,位于F島的核電站,受9級特大地震影響葫男,放射性物質(zhì)發(fā)生泄漏抱冷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一梢褐、第九天 我趴在偏房一處隱蔽的房頂上張望旺遮。 院中可真熱鬧,春花似錦盈咳、人聲如沸耿眉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸣剪。三九已至,卻和暖如春丈积,著一層夾襖步出監(jiān)牢的瞬間筐骇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工江滨, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留铛纬,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓牙寞,卻偏偏與公主長得像饺鹃,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子间雀,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,612評論 2 350

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