选择单元格时,UITableViewCell子视图消失

时间:2011-07-19 10:45:07

标签: iphone ios uitableview

我正在实施一个颜色选择表视图,用户可以在其中选择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)被隐藏。它在选择/取消选择动画结束后再次可见,但这会产生一个丑陋的神器。

我该怎么做才能纠正这个问题?我不能将子视图插入正确的位置吗?

(didSelectRowAtIndexPath中没有什么特别的,我只是将单元格的附件更改为复选框或什么都没有,并取消选择当前的indexPath。)

21 个答案:

答案 0 :(得分:218)

选择或突出显示单元格时,

UITableViewCell会更改所有子视图的背景颜色。您可以通过覆盖Tableview单元格的setSelected:animatedsetHighlighted:animated并重置视图背景颜色来解决此问题。 / p>

在目标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
    }
}

答案 1 :(得分:121)

这是因为表格视图单元格会自动更改内容视图中所有视图的背景颜色以突出显示状态。您可以考虑将UIView子类化为绘制颜色或使用UIImageView自定义1x1 px拉伸图像。

答案 2 :(得分:41)

找到一个非常优雅的解决方案,而不是搞乱tableViewCell选择/突出显示方法。您可以创建UIView的子类,忽略将其背景颜色设置为清除颜色。

Swift 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

答案 3 :(得分:9)

管理问题的另一种方法是使用核心图形渐变填充视图,例如:

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];

答案 4 :(得分:9)

对于 Swift 2.2 ,这可行

cell.selectionStyle = UITableViewCellSelectionStyle.None

并且原因由@ Andriy

解释
  

因为表视图单元格会自动更改背景颜色   内容视图中的所有视图都是突出显示的状态。

答案 5 :(得分:7)

灵感来自 Yatheesha B Lanswer 我创建了一个UITableViewCell类别/扩展,允许您打开和关闭此透明度“功能”。

<强>夫特

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

<强>目标C

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

KeepBackgroundCell与CocoaPods兼容。你可以找到它on GitHub

答案 6 :(得分:7)

你可以cell.selectionStyle = UITableViewCellSelectionStyleNone;, 然后将backgroundColor设置为- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath

答案 7 :(得分:3)

UITableViewCell由于某种原因更改了所有子视图的backgroundColor。

这可能会有所帮助:

DVColorLockView

使用类似的方法阻止UITableView在选择期间更改视图颜色。

答案 8 :(得分:3)

在某些情况下,这是分隔符,可避免使单元格中所有项目的颜色都变灰色(如果使用的是自定义表格视图单元格):

  1. 将selectionStyle设置为.none selectionStyle = .none

  2. 覆盖此方法。

      

    func setHighlighted(突出显示_:布尔,动画:布尔)

  3. 调用超级按钮以获得超级设置的好处。

      

    super.setHighlighted(突出显示,动画:动画)

  4. 执行您想要的突出显示逻辑。

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

答案 9 :(得分:3)

受到{{3}}答案的启发。

如果你调用super.setSelected(选中,动画:动画),它将清除你设置的所有背景颜色。所以,我们不会调用超级方法。

在Swift中:

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
    }
}

答案 10 :(得分:1)

绘制视图而不是设置背景颜色

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);

        }
    }


}

答案 11 :(得分:0)

SIMPLEST 解决方案,没有带有动画的错误(如评分最高的答案),并且没有子类化和绘制-设置图层的边框颜色而不是backgroundColor并设置很大的边框宽度。

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

答案 12 :(得分:0)

我想保留默认选择行为,除了我想忽略自动背景颜色变化的一个单元子视图。但我还需要能够在其他时间更改背景颜色。

我提出的解决方案是将UIView子类化,因此它忽略了正常设置背景颜色并添加了一个单独的函数来绕过保护。

Swift 4

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

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

答案 13 :(得分:0)

如果上面提到的后台解决方案无法解决您的问题,那么您的问题可能出在datasource for tableView上。

对我来说,我正在创建一个DataSource对象的实例(称为BoxDataSource)来处理委托和dataSource tableView方法,如下所示:

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

这导致在轻敲单元格时释放dataSource,因此所有内容都消失了。原因是ARC解除分配/垃圾收集性质。

要解决此问题,我必须进入自定义单元格,添加数据源变量:

//CustomCell.swift
var dataSource: BoxDataSource?

然后,您需要将dataSource设置为您刚刚在cellForRow中创建的单元格的dataSource var,因此不会使用ARC解除分配。

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

希望有所帮助。

答案 14 :(得分:0)

如果您使用的是故事板,请添加其他解决方案。创建UIView的子类,该子类在初始设置后不允许backgroundColor设置。

@interface ConstBackgroundColorView : UIView

@end

@implementation ConstBackgroundColorView

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

@end

答案 15 :(得分:0)

这与Pavel Gurov的答案类似,但更灵活,因为它允许任何颜色永久。

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

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

答案 16 :(得分:0)

将此代码放在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)
    }
}

答案 17 :(得分:0)

请勿忘记覆盖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()
}

答案 18 :(得分:0)

根据Paul Gurov的回答,我在Xamarin.iOS中实现了以下内容。 C#版本:

<强> NeverClearView.cs

public partial class NeverClearView : UIView
{
    public NeverClearView(IntPtr handle) : base(handle)
    {
    }

    public override UIColor BackgroundColor
    {
        get
        {
            return base.BackgroundColor;
        }
        set
        {
            if (value.CGColor.Alpha == 0) return;

            base.BackgroundColor = value;
        }
    }
}

<强> NeverClearView.designer.cs

[Register("NeverClearView")]
partial class NeverClearView
{
    void ReleaseDesignerOutlets()
    {
    }
}

答案 19 :(得分:0)

尝试以下代码:

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

答案 20 :(得分:0)

这是我的解决方案,使用contentView显示selectionColor,它完美地工作

#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;
    }
}