มุมมองย่อย UITableViewCell จะหายไปเมื่อเลือกเซลล์

ฉันกำลังใช้มุมมองตารางตัวเลือกสีซึ่งผู้ใช้สามารถเลือกได้ระหว่างพูดสี 10 สี (ขึ้นอยู่กับผลิตภัณฑ์) ผู้ใช้ยังสามารถเลือกตัวเลือกอื่น ๆ (เช่นความจุของฮาร์ดไดรฟ์, ... )

ตัวเลือกสีทั้งหมดอยู่ในส่วน tableview ของตนเอง

ฉันต้องการแสดงสี่เหลี่ยมเล็ก ๆ ทางด้านซ้ายของ textLabel เพื่อแสดงสีจริง

ตอนนี้ฉันกำลังเพิ่ม UIView สแควร์อย่างง่ายให้สีพื้นหลังที่ถูกต้องกับมันดังนี้:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:RMProductAttributesCellID];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:RMProductAttributesCellID] autorelease];
        cell.indentationWidth = 44 - 8;

        UIView *colorThumb = [[[UIView alloc] initWithFrame:CGRectMake(8, 8, 28, 28)] autorelease];
        colorThumb.tag = RMProductAttributesCellColorThumbTag;
        colorThumb.hidden = YES;
        [cell.contentView addSubview:colorThumb];
    }

    RMProductAttribute *attr = (RMProductAttribute *)[_product.attributes objectAtIndex:indexPath.section];
    RMProductAttributeValue *value = (RMProductAttributeValue *)[attr.values objectAtIndex:indexPath.row];
    cell.textLabel.text = value.name;
    cell.textLabel.backgroundColor = [UIColor clearColor];

    UIView *colorThumb = [cell viewWithTag:RMProductAttributesCellColorThumbTag];
    colorThumb.hidden = !attr.isColor;
    cell.indentationLevel = (attr.isColor ? 1 : 0);

    if (attr.isColor) {
        colorThumb.layer.cornerRadius = 6.0;
        colorThumb.backgroundColor = value.color;
    }

    [self updateCell:cell atIndexPath:indexPath];

    return cell;
}

สิ่งนี้แสดงผลได้ดีโดยไม่มีปัญหา

ปัญหาเดียวของฉันคือเมื่อฉันเลือกแถว "สี" ในระหว่างการเคลื่อนไหวของการเลือกจาง ๆ ไปหาสีน้ำเงิน UIView ที่กำหนดเองของฉัน (colorThumb) ถูกซ่อนอยู่ มันสามารถมองเห็นได้อีกครั้งหลังจากที่แอนิเมชันส่วนที่เลือก / deselection สิ้นสุดลง แต่สิ่งนี้สร้างสิ่งประดิษฐ์ที่น่าเกลียด

ฉันควรทำอย่างไรเพื่อแก้ไขสิ่งนี้ ฉันไม่แทรกมุมมองย่อยในตำแหน่งที่ถูกต้องหรือไม่

(ไม่มีอะไรพิเศษใน didSelectRowAtIndexPath ฉันเพิ่งเปลี่ยนอุปกรณ์เสริมของเซลล์เป็นช่องทำเครื่องหมายหรือไม่ทำอะไรเลยและยกเลิกการเลือก indexPath ปัจจุบัน)

UITableViewCellเปลี่ยนสีพื้นหลังของมุมมองย่อยทั้งหมดเมื่อเลือกเซลล์หรือไฮไลต์คุณสามารถแก้ไขปัญหานี้ได้โดยการแทนที่เซลล์ Tableview setSelected:animatedและsetHighlighted:animatedและรีเซ็ตสีพื้นหลังของมุมมอง

ในวัตถุประสงค์ C:

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
   UIColor *color = self.yourView.backgroundColor;        
   [super setSelected:selected animated:animated];

    if (selected){
        self.yourView.backgroundColor = color;
    }
}

-(void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated{
    UIColor *color = self.yourView.backgroundColor;        
    [super setHighlighted:highlighted animated:animated];

    if (highlighted){
        self.yourView.backgroundColor = color;
    }
}

ใน Swift 3.1:

override func setSelected(_ selected: Bool, animated: Bool) {
    let color = yourView.backgroundColor         
    super.setSelected(selected, animated: animated)

    if selected {
        yourView.backgroundColor = color
    }
}

override func setHighlighted(_ highlighted: Bool, animated: Bool) {
    let color = yourView.backgroundColor
    super.setHighlighted(highlighted, animated: animated)

    if highlighted {
        yourView.backgroundColor = color
    }
}

เป็นเพราะเซลล์มุมมองตารางเปลี่ยนสีพื้นหลังของมุมมองทั้งหมดภายในมุมมองเนื้อหาสำหรับสถานะที่ถูกเน้นโดยอัตโนมัติ คุณอาจพิจารณา subclassing UIViewเพื่อวาดสีของคุณหรือใช้UIImageViewกับภาพขยายขนาด 1x1 px ที่กำหนดเอง

พบวิธีแก้ปัญหาที่สวยหรูแทนที่จะยุ่งกับ tableViewCell การเลือก / วิธีการเน้น คุณสามารถสร้างคลาสย่อยของ UIView ที่ละเว้นการตั้งค่าสีพื้นหลังเป็นสีที่ชัดเจน

สวิฟท์ 3/4:

class NeverClearView: UIView {
    override var backgroundColor: UIColor? {
        didSet {
            if backgroundColor != nil && backgroundColor!.cgColor.alpha == 0 {
                backgroundColor = oldValue
            }
        }
    }
}

สวิฟท์ 2:

class NeverClearView: UIView {
    override var backgroundColor: UIColor? {
        didSet {
            if CGColorGetAlpha(backgroundColor!.CGColor) != 0 {
                backgroundColor = oldValue
            }
        }
    }
}

รุ่น Obj-C:

@interface NeverClearView : UIView

@end

@implementation NeverClearView

- (void)setBackgroundColor:(UIColor *)backgroundColor {
    if (CGColorGetAlpha(backgroundColor.CGColor) != 0) {
        [super setBackgroundColor:backgroundColor];
    }
}

@end

อีกวิธีในการจัดการปัญหาคือเติมมุมมองด้วยการไล่ระดับสีกราฟิกหลักเช่น:

CAGradientLayer* gr = [CAGradientLayer layer];
gr.frame = mySubview.frame;
gr.colors = [NSArray arrayWithObjects:
                     (id)[[UIColor colorWithRed:0 green:0 blue:0 alpha:.5] CGColor]
                     ,(id)[[UIColor colorWithRed:0 green:0 blue:0 alpha:.5] CGColor]
                     , nil];

gr.locations = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0],[NSNumber numberWithFloat:1],nil];

[mySubview.layer insertSublayer:gr atIndex:0];

สำหรับSwift 2.2นี่ใช้งานได้

cell.selectionStyle = UITableViewCellSelectionStyle.None

และเหตุผลถูกอธิบายโดย @ Andriy

เป็นเพราะเซลล์มุมมองตารางเปลี่ยนสีพื้นหลังของมุมมองทั้งหมดภายในมุมมองเนื้อหาสำหรับสถานะที่ถูกเน้นโดยอัตโนมัติ

แรงบันดาลใจจาก คำตอบของ Yatheesha BL ฉันสร้าง UITableViewCell หมวดหมู่ / ส่วนขยายที่ช่วยให้คุณสามารถเปิดและปิดคุณสมบัติ "ความโปร่งใส" นี้ได้

รวดเร็ว

let cell = <Initialize Cell>
cell.keepSubviewBackground = true  // Turn  transparency "feature" off
cell.keepSubviewBackground = false // Leave transparency "feature" on

Objective-C

UITableViewCell* cell = <Initialize Cell>
cell.keepSubviewBackground = YES;  // Turn  transparency "feature" off
cell.keepSubviewBackground = NO;   // Leave transparency "feature" on

KeepBackgroundCell เข้ากันได้กับ CocoaPods คุณสามารถค้นหาได้ใน GitHub

คุณสามารถcell.selectionStyle = UITableViewCellSelectionStyleNone;จากนั้นตั้งค่า backgroundColor ที่- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath

แรงบันดาลใจจากคำตอบของYatheesha BL

ถ้าคุณเรียก super.setSelected (เลือกภาพเคลื่อนไหว: ภาพเคลื่อนไหว) มันจะล้างชุดสีพื้นหลังคุณ ดังนั้นเราจะไม่เรียกเมธอดซูเปอร์

ในสวิฟต์:

override func setSelected(selected: Bool, animated: Bool) {    
    if(selected)  {
        contentView.backgroundColor = UIColor.red 
    } else {
        contentView.backgroundColor = UIColor.white
    }
}

override func setHighlighted(highlighted: Bool, animated: Bool) {
    if(highlighted) {
        contentView.backgroundColor = UIColor.red 
    } else {
        contentView.backgroundColor = UIColor.white
    }
}

สำหรับกรณีพฤษภาคมนี่คือ Septs เพื่อหลีกเลี่ยงการรับสีเทาสำหรับรายการทั้งหมดในเซลล์ (ในกรณีที่คุณใช้เซลล์มุมมองตารางแบบกำหนดเอง):

1. ตั้งค่า selectionStyle เป็น. no 👉 selectionStyle = .none

2. แทนที่วิธีนี้

   func setHighlighted (_ เน้น: Bool, ภาพเคลื่อนไหว: Bool)

3. โทรสุดเพื่อรับประโยชน์จากการตั้งค่าขั้นสูง

   super.setHighlighted (ไฮไลต์ภาพเคลื่อนไหว: เคลื่อนไหว)

4. ทำสิ่งที่เคยเน้นตรรกะที่คุณต้องการ

   override func setHighlighted(_ highlighted: Bool, animated: Bool) {
         super.setHighlighted(highlighted, animated: animated)
         // Your Highlighting Logic goes here...
   }

UITableViewCell เปลี่ยน backgroundColor ของการชมย่อยทั้งหมดที่เลือกด้วยเหตุผลบางประการ

สิ่งนี้อาจช่วย:

DVColorLockView

ใช้บางอย่างเช่นนั้นเพื่อหยุด UITableView จากการเปลี่ยนสีมุมมองของคุณระหว่างการเลือก

วาดมุมมองแทนการตั้งค่าสีพื้นหลัง

import UIKit

class CustomView: UIView {

    var fillColor:UIColor!

    convenience init(fillColor:UIColor!) {
        self.init()
        self.fillColor = fillColor
    }

    override func drawRect(rect: CGRect) {
        if let fillColor = fillColor {
            let context = UIGraphicsGetCurrentContext()
            CGContextSetFillColorWithColor(context, fillColor.CGColor);
            CGContextFillRect (context, self.bounds);

        }
    }


}

ที่ง่ายที่สุดในการแก้ปัญหาโดยไม่ต้องข้อบกพร่องที่มีภาพเคลื่อนไหว (ในขณะที่ด้านบนคำตอบการจัดอันดับ) และไม่มี subclassing และการวาดภาพ - สีเส้นขอบชั้นชุดแทน BackgroundColor และกำหนดความกว้างชายแดนที่ใหญ่มาก

colorThumb.layer.cornerRadius = 6
colorThumb.layer.borderWidth = colorThumb.frame.width
colorThumb.layer.borderColor = value.color

ลองรหัสต่อไปนี้:

-(void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated
{     
[super setHighlighted:highlighted animated:animated];
//Set your View's Color here.
}

อย่าลืมลบล้างsetSelectedเช่นกันsetHighlighted

override func setHighlighted(highlighted: Bool, animated: Bool) {

    super.setHighlighted(highlighted, animated: animated)
    someView.backgroundColor = .myColour()
}

override func setSelected(selected: Bool, animated: Bool) {

    super.setSelected(selected, animated: animated)
    someView.backgroundColor = .myColour()
}

นี่คล้ายกับคำตอบของ Pavel Gurov แต่มีความยืดหยุ่นมากกว่าในการช่วยให้สีใดถาวร

class PermanentBackgroundColorView: UIView {
    var permanentBackgroundColor: UIColor? {
        didSet {
            backgroundColor = permanentBackgroundColor
        }
    }

    override var backgroundColor: UIColor? {
        didSet {
            if backgroundColor != permanentBackgroundColor {
                backgroundColor = permanentBackgroundColor
            }
        }
    }
}

ฉันต้องการคงพฤติกรรมการเลือกเริ่มต้นไว้ยกเว้นมุมมองย่อยหนึ่งเซลล์ที่ฉันต้องการเพิกเฉยต่อการเปลี่ยนสีพื้นหลังอัตโนมัติ แต่ฉันก็ต้องสามารถเปลี่ยนสีพื้นหลังได้ในเวลาอื่น

วิธีแก้ปัญหาที่ฉันพบคือ subclass UIViewดังนั้นจึงไม่สนใจการตั้งค่าสีพื้นหลังตามปกติและเพิ่มฟังก์ชั่นแยกต่างหากเพื่อหลีกเลี่ยงการป้องกัน

สวิฟต์ 4

class MyLockableColorView: UIView {
    func backgroundColorOverride(_ color: UIColor?) {
            super.backgroundColor = color
    }

    override var backgroundColor: UIColor? {
        set {
            return
        }
        get {
            return super.backgroundColor
        }
    }
}

นี่คือโซลูชันของฉันใช้ contentView เพื่อแสดงรายการที่เลือกสีใช้งานได้อย่างสมบูรณ์

#import "BaseCell.h"

@interface BaseCell ()
@property (nonatomic, strong) UIColor *color_normal;
@property (nonatomic, assign) BOOL needShowSelection;
@end


@implementation BaseCell
@synthesize color_customSelection;
@synthesize color_normal;
@synthesize needShowSelection;

- (void)awakeFromNib
{
    [super awakeFromNib];
    [self setup];
}

- (void)setup
{
    //save normal contentView.backgroundColor
    self.color_normal = self.backgroundColor;
    if (self.color_normal == nil) {
        self.color_normal = [UIColor colorWithRGBHex:0xfafafa];
    }
    self.color_customSelection = [UIColor colorWithRGBHex:0xF1F1F1];
    self.accessoryView.backgroundColor = [UIColor clearColor];
    if (self.selectionStyle == UITableViewCellSelectionStyleNone) {
        needShowSelection = NO;
    }
    else {
        //cancel the default selection
        needShowSelection = YES;
        self.selectionStyle = UITableViewCellSelectionStyleNone;
    }
}

/*
 solution is here
 */
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesBegan:touches withEvent:event];
    if (needShowSelection) {
        self.contentView.backgroundColor = self.backgroundColor = color_customSelection;
    }
}

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesCancelled:touches withEvent:event];
    if (needShowSelection) {
        self.contentView.backgroundColor = self.backgroundColor = color_normal;
    }
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];
    if (needShowSelection) {
        UIColor *color  = selected ? color_customSelection:color_normal;
        self.contentView.backgroundColor = self.backgroundColor = color;
    }
}

วางรหัสนี้ในคลาสย่อยของ UITableViewCell

ไวยากรณ์ของ Swift 3

override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    if(selected) {
        lockerSmall.backgroundColor = UIColor.init(red: 233/255, green: 106/255, blue: 49/255, alpha: 1.0)
    }
}


override func setHighlighted(_ highlighted: Bool, animated: Bool) {
    super.setHighlighted(highlighted, animated: animated)

    if(highlighted) {
        lockerSmall.backgroundColor = UIColor.init(red: 233/255, green: 106/255, blue: 49/255, alpha: 1.0)
    }
}

การเพิ่มโซลูชันอื่นหากคุณใช้กระดานเรื่องราว สร้างคลาสย่อยUIViewที่ไม่อนุญาตให้backgroundColorตั้งค่าหลังจากตั้งค่าเริ่มต้นแล้ว

@interface ConstBackgroundColorView : UIView

@end

@implementation ConstBackgroundColorView

- (void)setBackgroundColor:(UIColor *)backgroundColor {
    if (nil == self.backgroundColor) {
        [super setBackgroundColor:backgroundColor];
    }
}

@end

หากวิธีแก้ปัญหาเบื้องหลังดังกล่าวข้างต้นไม่สามารถแก้ไขปัญหาของคุณปัญหาของคุณอาจอยู่ในdatasourceTableView ของคุณ

สำหรับฉันฉันกำลังสร้างอินสแตนซ์ของวัตถุ DataSource (เรียกว่าBoxDataSource) เพื่อจัดการวิธีมอบหมายและ dataSource tableView วิธีดังนี้:

//In cellForRowAtIndexPath, when setting up cell
let dataSource = BoxDataSource(delegate: self)
cell.tableView.dataSource = dataSource
return cell

นี่เป็นสาเหตุที่ทำให้ dataSource ถูกจัดสรรคืนเมื่อใดก็ตามที่มีการแตะเซลล์และทำให้เนื้อหาทั้งหมดหายไป เหตุผลก็คือ ARC deallocating / เก็บขยะธรรมชาติ

เพื่อแก้ไขปัญหานี้ฉันต้องเข้าไปในเซลล์ที่กำหนดเองเพิ่มตัวแปรแหล่งข้อมูล:

//CustomCell.swift
var dataSource: BoxDataSource?

จากนั้นคุณต้องตั้งค่า dataSource เป็น dataSource ของเซลล์ที่varคุณเพิ่งสร้างขึ้นใน cellForRow ดังนั้นนี่จะไม่ถูกยกเลิกการจัดสรรด้วย ARC

cell.statusDataSource = BoxAssigneeStatusDataSource(delegate: self)
cell.detailsTableView.dataSource = cell.statusDataSource
return cell

หวังว่าจะช่วย