iOS cell圓角邊框解決方案

【方案一】- 自定義cell
** 圓角邊框為UIImage,充當(dāng)自定義cell的背景圖.**
方法比較簡單,就不粘代碼了帘不,弄上邊圓角,下邊圓角杨箭,沒有圓角寞焙,上下邊都有圓角四張圖片。
判斷加載的是section中的indexpath.row是幾,對應(yīng)加載哪種圓角圖片捣郊,就可以了辽狈,這種方法簡單,但是利用效率不高呛牲,代碼復(fù)用性也不高刮萌。

【方案二】- 給cell的contentView的layer加自定義邊框

//給cell的layer加邊框,這個是tableView的協(xié)議方法
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
    CAShapeLayer *layer = [[CAShapeLayer alloc] init];
    CGMutablePathRef pathRef = CGPathCreateMutable();

    CGRect bounds = cell.bounds;
    CGFloat cornerRadius = 10.f;

    if (indexPath.row == 0) {//第一個cell
        //上邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y + 20);
        //畫弧
        CGPathAddArcToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y, bounds.origin.x + 30, bounds.origin.y, cornerRadius);
        //下面三句可以省略掉,寫了更容易理解
//        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 20, bounds.origin.y);
//        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 30, bounds.origin.y);
//        CGPathMoveToPoint(pathRef, nil,  bounds.origin.x + bounds.size.width - 30, bounds.origin.y);
        CGPathAddArcToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.origin.y, bounds.origin.x + bounds.size.width - 10, bounds.origin.y + 20, cornerRadius);
        
        //左邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y + 20);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + 10, bounds.size.height);
        //右邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.origin.y + 10);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.size.height);
           }
    if(indexPath.row == [tableView numberOfRowsInSection:indexPath.section] - 1){//最后一個cell
        //下邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y + bounds.size.height);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.origin.y + bounds.size.height);
        
        //左邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + 10, bounds.size.height);
        //右邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.origin.y);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.size.height);
    }
    if (indexPath.row != 0 && indexPath.row != [tableView numberOfRowsInSection:indexPath.section] - 1) {//中間的cell
        //左邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + 10, bounds.origin.y);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + 10, bounds.size.height);
        //右邊線
        CGPathMoveToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.origin.y);
        CGPathAddLineToPoint(pathRef, nil, bounds.origin.x + bounds.size.width - 10, bounds.size.height);
    }
    layer.path = pathRef;
    CFRelease(pathRef);
    //顏色修改
    layer.fillColor = [UIColor whiteColor].CGColor;//這個是填充顏色娘扩,一個沒有封閉的線條着茸,無法做到完全填充
    layer.strokeColor=[UIColor redColor].CGColor;
    layer.borderWidth = 0.5;
    [cell.contentView.layer insertSublayer:layer atIndex:0];
}

上面的代碼寫的很靈活,都是加線等琐旁,可以按照項目具體需求具體更改涮阔,更改也比較方便
畫弧的CGPathAddArcToPoint這個方法請參考http://blog.csdn.net/u012160319/article/details/44835353

demo正在上傳中,demo地址 明天上傳

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末灰殴,一起剝皮案震驚了整個濱河市敬特,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌验懊,老刑警劉巖擅羞,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異义图,居然都是意外死亡减俏,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門碱工,熙熙樓的掌柜王于貴愁眉苦臉地迎上來娃承,“玉大人,你說我怎么就攤上這事怕篷±荩” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵廊谓,是天一觀的道長梳猪。 經(jīng)常有香客問我,道長蒸痹,這世上最難降的妖魔是什么春弥? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮叠荠,結(jié)果婚禮上匿沛,老公的妹妹穿的比我還像新娘。我一直安慰自己榛鼎,他們只是感情好逃呼,可當(dāng)我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布鳖孤。 她就那樣靜靜地躺著,像睡著了一般抡笼。 火紅的嫁衣襯著肌膚如雪苏揣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天蔫缸,我揣著相機與錄音腿准,去河邊找鬼。 笑死拾碌,一個胖子當(dāng)著我的面吹牛吐葱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播校翔,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼弟跑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了防症?” 一聲冷哼從身側(cè)響起孟辑,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蔫敲,沒想到半個月后饲嗽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡奈嘿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年貌虾,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片裙犹。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡尽狠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出叶圃,到底是詐尸還是另有隱情袄膏,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布掺冠,位于F島的核電站沉馆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏德崭。R本人自食惡果不足惜悍及,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望接癌。 院中可真熱鬧,春花似錦扣讼、人聲如沸缺猛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽荔燎。三九已至耻姥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間有咨,已是汗流浹背琐簇。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留座享,地道東北人婉商。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像渣叛,于是被迫代替她去往敵國和親丈秩。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,527評論 2 349

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