How do I make a UITableViewCell appear disabled?

Question

I know about UITableview: How to Disable Selection for Some Rows but Not Others and cell.selectionStyle = UITableViewCellSelectionStyleNone, but how do I make a cell (or any UIView for that matter) appear disabled (grayed-out) like below?

disabled UITableViewCell

score 175 · Accepted Answer · edited Aug 01 '18 at 10:03

175

You can just disable the cell's text fields to gray them out:

Swift 4.x

cell!.isUserInteractionEnabled = false
cell!.textLabel!.isEnabled = false
cell!.detailTextLabel!.isEnabled = false

edited Aug 01 '18 at 10:03

Sunil Targe

7,251
5
49
80

answered Nov 11 '12 at 00:56

Symmetric

4,013
3
27
33

17

Or a little shorter: `cell.userInteractionEnabled = cell.textLabel.enabled = cell.detailTextLabel.enabled = NO;` – Thomas Kekeisen Jul 19 '13 at 06:16
58

shorter but ugglier though – sports May 17 '15 at 00:53

score 26 · Answer 2 · edited Nov 10 '17 at 13:53

A Swift extension that works well in the context I'm using it; your mileage may vary.

Swift 2.x

extension UITableViewCell {
    func enable(on: Bool) {
        for view in contentView.subviews as! [UIView] {
            view.userInteractionEnabled = on
            view.alpha = on ? 1 : 0.5
        }
    }
}

Swift 3:

extension UITableViewCell {
    func enable(on: Bool) {
        for view in contentView.subviews {
            view.isUserInteractionEnabled = on
            view.alpha = on ? 1 : 0.5
        }
    }
}

Now it's just a matter of calling myCell.enable(truthValue).

score 22 · Answer 3 · answered May 14 '11 at 17:59

22

Thanks to @Ajay Sharma, I figured out how to make a UITableViewCell appear disabled:

// Mac's native DigitalColor Meter reads exactly {R:143, G:143, B:143}.
cell.textLabel.alpha = 0.439216f; // (1 - alpha) * 255 = 143
aSwitch.enabled = NO; // or [(UISwitch *)cell.accessoryView setEnabled:NO];

And then, to actually disable the cell:

cell.userInteractionEnabled = NO;

answered May 14 '11 at 17:59

ma11hew28

121,420
116
450
651

Yes Ofcourse,you could do the same in this way too,by setting the alpha :) – Ajay Sharma May 16 '11 at 07:05

score 18 · Answer 4 · answered May 13 '11 at 10:48

Try using a small trick:

Just set the alpha of the cell. Put some condition as your own requirements & set the alpha.

cell.alpha=0.2;

If it does't work,the way you like it to be then, Use second trick,

Just take an image of the cell size having gray background with Transparent Background, just add that image in image over the cell content. Like this:

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"Cell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }

    // Configure the cell...


    if(indexPath.row==0)
    {
        cell.userInteractionEnabled=FALSE;

        UIImageView *img=[[UIImageView alloc]init];
        img.frame=CGRectMake(0, 0, 320, 70);
        img.image=[UIImage imageNamed:@"DisableImage.png"];
        img.backgroundColor=[UIColor clearColor];
        [cell.contentView addSubview:img];
        [img release];

    }
    else {
        //Your usual code for cell interaction.

    }
    return cell;
}

Although I am not not sure about the way,but this will surely fulfill your requirement.This will give a kind of illusion in user's mind that the cell is Disable. Just try using this solution.Hope that will solve your problem.

cell.alpha=0.2 - does not work for me. cell.ContentView.Alpha = 0.2 worked for me — Michal Dobrodenka, Apr 21 '15 at 13:48
The same here that setting cell.alpha - does not work, setting cell.ContentView.alpha does the job — infinity_coding7, Apr 22 '20 at 20:12

score 6 · Answer 5 · answered Jun 30 '18 at 16:35

Swift 4.X

Nice Extension from Kevin Owens, I am correcting the behaviour of cell.

extension UITableViewCell {
    func enable(on: Bool) {
        self.isUserInteractionEnabled = on
        for view in contentView.subviews {
            self.isUserInteractionEnabled = on
            view.alpha = on ? 1 : 0.5
        }
    }
}

How to call this:-

cell.enable(on: switch.isOn)

Alessandro Ornano · Answer 6 · 2016-10-09T17:55:22.463

4

Great extension from Kevin Owens, this is my correction to working with Swift 2.x:

extension UITableViewCell {
    func enable(on: Bool) {
        self.userInteractionEnabled = on
        for view in contentView.subviews {
            view.userInteractionEnabled = on
            view.alpha = on ? 1 : 0.5
        }
    }
}

Swift 3:

extension UITableViewCell {
    func enable(on: Bool) {
        self.isUserInteractionEnabled = on
        for view in contentView.subviews {
            view.isUserInteractionEnabled = on
            view.alpha = on ? 1 : 0.5
        }
    }
}

edited Oct 09 '16 at 17:55

answered Oct 09 '15 at 08:20

Alessandro Ornano

34,887
11
106
133

Use .isUserInteractionEnabled in Swift 3.0 – Matias Masso Oct 09 '16 at 17:51

score 3 · Answer 7 · answered Jul 06 '21 at 15:19

Swift 5 version

class CustomCell: UITableViewCell {
    
    private func isEnabled(_ enabled: Bool) {
        isUserInteractionEnabled = enabled
        subviews.forEach { subview in
            subview.isUserInteractionEnabled = enabled
            subview.alpha = enabled ? 1 : 0.5
        }
    }
    
}

Aqib Mumtaz · Answer 8 · 2014-04-15T10:02:38.953

I have created following extension to Enable/Disable UITableViewCell, it is very convenient to use it. Create UITableViewCell Extension with "UITableViewCell+Ext.h" contain following in it.

@interface UITableViewCell (Ext)

- (void)enableCell:(BOOL)enabled withText:(BOOL)text;
- (void)enableCell:(BOOL)enabled withText:(BOOL)text withDisclosureIndicator:(BOOL)disclosureIndicator;
- (void)disclosureIndicator:(BOOL)disclosureIndicator;

@end

"UITableViewCell+Ext.m" contain following in it.

@implementation UITableViewCell (Ext)

- (UITableView *)uiTableView {
    if ([[UIDevice currentDevice] systemVersionIsGreaterThanOrEqualTo:@"7.0"]) {
        return (UITableView *)self.superview.superview;
    }
    else {
        return (UITableView *)self.superview;
    }
}

- (void)enableCell:(BOOL)enabled withText:(BOOL)text {
    if (enabled) {
        self.userInteractionEnabled = YES;

        if (text) {
            self.textLabel.alpha = 1.0f;
            self.alpha = 1.0f;
            self.detailTextLabel.hidden = NO;
        }
    }
    else {
        self.userInteractionEnabled = NO;

        if (text) {
            self.textLabel.alpha = 0.5f;
            self.alpha = 0.5f;
            self.detailTextLabel.hidden = YES;
        }
    }
}

- (void)enableCell:(BOOL)enabled withText:(BOOL)text withDisclosureIndicator:(BOOL)disclosureIndicator {
    if (enabled) {
        self.userInteractionEnabled = YES;

        if (text) {
            self.textLabel.alpha = 1.0f;
            self.alpha = 1.0f;
            self.detailTextLabel.hidden = NO;
        }

        self.accessoryType = disclosureIndicator ? UITableViewCellAccessoryDisclosureIndicator : UITableViewCellAccessoryNone;
    }
    else {
        self.userInteractionEnabled = NO;

        if (text) {
            self.textLabel.alpha = 0.5f;
            self.alpha = 0.5f;
            self.detailTextLabel.hidden = YES;
        }

        self.accessoryType = UITableViewCellAccessoryNone;
    }
}

- (void)disclosureIndicator:(BOOL)disclosureIndicator {
    if (disclosureIndicator) {
        self.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    }
    else {
        self.accessoryType = UITableViewCellAccessoryNone;
    }
}

@end

How to Disable Cell:

[cell enableCell:NO withText:NO];

[cell enableCell:NO withText:YES withDisclosureIndicator:YES];

How to Enable Cell:

[cell enableCell:YES withText:NO];

[cell enableCell:YES withText:YES withDisclosureIndicator:YES];

Hope it helps you.

score 2 · Answer 9 · answered May 08 '19 at 09:21

2

for swift

cell.isUserInteractionEnabled = false

answered May 08 '19 at 09:21

Nilesh

438
5
15

This does not affect the appearance of the cell. – Womble May 05 '20 at 05:53

How do I make a UITableViewCell appear disabled?

9 Answers9

Swift 3:

Linked