iOS 在控件上添加虛線邊框

http://www.itdecent.cn/p/12b439443b3b


以按鈕為例子,實(shí)現(xiàn)虛線按鈕:

CAShapeLayer*border = [CAShapeLayerlayer];//虛線的顏色border.strokeColor = [UIColorredColor].CGColor;//填充的顏色border.fillColor = [UIColorclearColor].CGColor;//設(shè)置路徑border.path = [UIBezierPathbezierPathWithRect:self.lineButton.bounds].CGPath;? ? border.frame =self.lineButton.bounds;//虛線的寬度border.lineWidth =1.f;//設(shè)置線條的樣式//? ? border.lineCap = @"square";//虛線的間隔border.lineDashPattern = @[@4, @2];? ? [self.lineButton.layer addSublayer:border];

效果1

到這里基本已經(jīng)OK了,但是突然發(fā)現(xiàn)我要的是有圓角的按鈕,那就去添加圓角

border.cornerRadius=5.f;border.masksToBounds= YES;

然而效果是這樣子的,四個(gè)角變的很奇怪

效果2

以為要在控件上添加圓角

self.lineButton.layer.cornerRadius =5.f;self.lineButton.layer.masksToBounds =YES;

然而效果依然很奇怪。

效果3

最后找資料終于得到實(shí)現(xiàn)效果 需要把bezierPathWithRect 替換成 bezierPathWithRoundedRect 就可以了

最終

下面全部代碼

CAShapeLayer*border = [CAShapeLayerlayer];//虛線的顏色border.strokeColor = [UIColorredColor].CGColor;//填充的顏色border.fillColor = [UIColorclearColor].CGColor;UIBezierPath*path = [UIBezierPathbezierPathWithRoundedRect:self.lineButton.bounds cornerRadius:5];//設(shè)置路徑border.path = path.CGPath;? ? border.frame =self.lineButton.bounds;//虛線的寬度border.lineWidth =1.f;//設(shè)置線條的樣式//? ? border.lineCap = @"square";//虛線的間隔border.lineDashPattern = @[@4, @2];self.lineButton.layer.cornerRadius =5.f;self.lineButton.layer.masksToBounds =YES;? ? [self.lineButton.layer addSublayer:border];

作者:鬧鐘先生的鬧鐘

鏈接:http://www.itdecent.cn/p/12b439443b3b

來源:簡(jiǎn)書

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 以按鈕為例子,實(shí)現(xiàn)虛線按鈕: 到這里基本已經(jīng)OK了,但是突然發(fā)現(xiàn)我要的是有圓角的按鈕,那就去添加圓角 然而效果是這...
    鬧鐘先生的鬧鐘閱讀 23,843評(píng)論 5 45
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,698評(píng)論 6 30
  • 轉(zhuǎn)載:http://www.itdecent.cn/p/32fcadd12108 每個(gè)UIView有一個(gè)伙伴稱為l...
    F麥子閱讀 6,595評(píng)論 0 13
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌。在這里你可以看...
    F麥子閱讀 5,273評(píng)論 5 13
  • >復(fù)雜的組織都是專門化的 >Catharine R. Stimpson 到目前為止,我們已經(jīng)探討過`CALayer...
    夜空下最亮的亮點(diǎn)閱讀 1,233評(píng)論 0 2

友情鏈接更多精彩內(nèi)容