एक समूहीकृत UITableView में कोशिकाओं की पृष्ठभूमि को बदलने का आसान तरीका

IOS अनुप्रयोगों में UITableView का उपयोग करते समय, अक्सर इसकी उपस्थिति को बदलना आवश्यक होता है। न्यूनतम पर, कोशिकाओं की पृष्ठभूमि का रंग और विभाजकों का रंग बदलें। और सामान्य तौर पर, यह एक सूची के रूप में UITableView लिए कोई समस्या नहीं है, लेकिन एक समूहीकृत UITableView लिए थोड़ा गैर-तुच्छ है।

समस्या यह है कि एक समूह UITableView में सेल के backgroundColor बदलकर UITableView परिणाम अपेक्षा से अलग होगा। समाधान सेल की backgroundView को बदलना है। अक्सर, इस उद्देश्य के लिए, पूर्व-प्रदत्त चित्र और, तदनुसार, UIImageView । लेकिन यह विधि असुविधाजनक है यदि आपको पृष्ठभूमि की रंग और सेल सीमाओं को बदलने की आवश्यकता है।

इसलिए मैंने कोशिकाओं की पृष्ठभूमि के रूप में पुन: उपयोग करने के लिए UIView का एक उपवर्ग बनाया। UIBezierPath के उपयोग के लिए धन्यवाद UIBezierPath इसका कार्यान्वयन तुच्छ है, यहां लगभग पूरा कोड है:

 - (void)drawRect:(CGRect)rect { CGRect bounds = CGRectInset(self.bounds, 0.5 / [UIScreen mainScreen].scale, 0.5 / [UIScreen mainScreen].scale); UIBezierPath *path; if (position == CellPositionSingle) { path = [UIBezierPath bezierPathWithRoundedRect:bounds cornerRadius:kCornerRadius]; } else if (position == CellPositionTop) { bounds.size.height += 1; path = [UIBezierPath bezierPathWithRoundedRect:bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(kCornerRadius, kCornerRadius)]; } else if (position == CellPositionBottom) { path = [UIBezierPath bezierPathWithRoundedRect:bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(kCornerRadius, kCornerRadius)]; } else { bounds.size.height += 1; path = [UIBezierPath bezierPathWithRect:bounds]; } [self.fillColor setFill]; [self.borderColor setStroke]; [path fill]; [path stroke]; } 

इस कोड का उपयोग करना सरल है, कुछ इस प्रकार है:

 - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { CellBackgroundView *backgroundView = [CellBackgroundView new]; cell.backgroundView = backgroundView; backgroundView.backgroundColor = [UIColor clearColor]; backgroundView.borderColor = self.tableView.separatorColor; backgroundView.fillColor = [UIColor colorWithRed:1.0 green:1.0 blue:0.9 alpha:1.0]; int rowsInSection = [self tableView:tableView numberOfRowsInSection:indexPath.section]; if (rowsInSection == 1) { backgroundView.position = CellPositionSingle; } else { if (indexPath.row == 0) { backgroundView.position = CellPositionTop; } else if (indexPath.row == rowsInSection - 1) { backgroundView.position = CellPositionBottom; } else { backgroundView.position = CellPositionMiddle; } } } 

परिणाम कुछ इस तरह दिखता है:


वैसे, इस तरह के एक दिलचस्प बिंदु - पृष्ठभूमि का रंग सेट करते समय [UIColor colorWithPatternImage:] का उपयोग करके, आप सेल की पृष्ठभूमि के रूप में बनावट और ग्रेडिएंट का उपयोग कर सकते हैं।

पूरा कोड यहाँ उपलब्ध है gist.github.com/4062103