Hücre seçildiğinde UITableViewCell alt görünümü kaybolur

Kullanıcı, örneğin 10 renk arasından seçim yapabileceği bir renk seçici tablo görünümü uyguluyorum (ürüne bağlı). Kullanıcı ayrıca diğer seçenekleri de seçebilir (sabit sürücü kapasitesi, ... gibi).

Tüm renk seçenekleri kendi tablo görünümü bölümünün içindedir.

Metin renginin solunda gerçek rengi gösteren küçük bir kare görüntülemek istiyorum.

Şu anda basit bir kare UIView ekliyorum, doğru arka plan rengini ver, şöyle:

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

Bu sorunsuz görüntüler.

Tek sorunum, bir "renk" satırı seçtiğimde, solmaya-mavi seçim animasyonu sırasında özel UIView'imin (colorThumb) gizlenmesi. Seçim / seçim kaldırma animasyonu sona erdikten hemen sonra tekrar görünür hale gelir, ancak bu çirkin bir eser üretir.

Bunu düzeltmek için ne yapmalıyım? Alt görünümü doğru yere eklemiyor muyum?

(DidSelectRowAtIndexPath'te özel bir şey yok, sadece hücrenin aksesuarını bir onay kutusuna veya hiçbir şeye değiştirmem ve mevcut indexPath'in seçimini kaldırıyorum).

UITableViewCellHücre seçildiğinde veya vurgulanır zaman ağır basan Tableview hücre en bu sorunu çözün edebilir, tüm alt görüşlerin arka plan rengini değiştirir setSelected:animatedve setHighlighted:animatedve görünümü arka plan rengini sıfırlama.

Hedef 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'de:

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

Bunun nedeni, tablo görünümü hücresinin, vurgulanan durum için içerik görünümündeki tüm görünümlerin arka plan rengini otomatik olarak değiştirmesidir. Renginizi UIViewçizmek veya UIImageViewözel 1x1 piksel uzatılmış görüntü ile kullanmak için alt sınıflamayı düşünebilirsiniz .

TableViewCell seçim / vurgulama yöntemleri ile uğraşmak yerine oldukça zarif bir çözüm bulundu. Arka plan rengini açık renge ayarlamayı yok sayan bir UIView alt sınıfı oluşturabilirsiniz.

Hızlı 3/4:

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

Hızlı 2:

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

Obj-C sürümü:

@interface NeverClearView : UIView

@end

@implementation NeverClearView

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

@end

Sorunu yönetmenin başka bir yolu da görünümü temel grafik gradyanıyla doldurmaktır:

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

For Swift 2.2 Bu eserler

cell.selectionStyle = UITableViewCellSelectionStyle.None

ve sebep @ Andriy

Bunun nedeni, tablo görünümü hücresinin, vurgulanan durum için içerik görünümündeki tüm görünümlerin arka plan rengini otomatik olarak değiştirmesidir.

Esinlenerek Yatheesha BL 'ın cevabı sana ve bu şeffaflık 'özelliği' kapatmak sağlayan bir UITableViewCell kategori / uzantısı yarattı.

hızlı

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 ile uyumludur. GitHub'da bulabilirsiniz

Şunları yapabilirsiniz cell.selectionStyle = UITableViewCellSelectionStyleNone;, daha sonra backgroundColor ayarlanmış- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath

Yatheesha BL'nin cevabından ilham aldı .

Super.setSelected (seçili, canlandırılmış: canlandırılmış) ayarladığınız tüm arka plan renkleri silinir . Yani, süper yöntemi çağırmayacağız .

Swift'te:

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

Durum için, bu, hücredeki tüm öğeler için gri renk elde edilmesini önlemek için Septs'tir (özel tablo görünümü hücresi kullanıyorsanız):

1. SelectionStyle öğesini .none olarak ayarlayın 👉 selectionStyle = .none

2. Bu yöntemi geçersiz kılın.

   func setHighlighted (_ vurgulanan: Bool, hareketli: Bool)

3. Süper kurulumdan yararlanmak için super'i arayın.

   super.setHighlighted (vurgulanmış, canlandırılmış: canlandırılmış)

4. İstediğiniz mantığı vurgulayın.

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

UITableViewCell, seçimdeki tüm alt görüntülerin backgroundColor'unu bir nedenden dolayı değiştirir.

Bu yardımcı olabilir:

DVColorLockView

Seçim sırasında UITableView öğesinin görünüm renginizi değiştirmesini engellemek için böyle bir şey kullanın.

Arka plan rengini ayarlamak yerine görünümü çizin

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

        }
    }


}

Animasyonlu hatalar (en yüksek puanlı yanıtta olduğu gibi) ve alt sınıflandırma ve çizim olmadan SIMPLEST çözümü - backgroundColor yerine katmanın kenarlık rengini ayarlayın ve çok büyük kenarlık genişliği ayarlayın.

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

Aşağıdaki kodu deneyin:

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

Geçersiz kılmayı setSelectedda unutmayınsetHighlighted

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

Bu Pavel Gurov'un cevabına benzer, ancak herhangi bir rengin kalıcı olmasına izin verdiği için daha esnektir.

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

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

Otomatik arka plan renk değişikliğini yoksaymak istediğim bir hücre alt görünümü dışında varsayılan seçim davranışını korumak istedim. Ama arka plan rengini başka zamanlarda da değiştirebilmem gerekiyordu.

Geldiğim çözüm UIView, arka plan rengini normal olarak ayarlamayı göz ardı etmek ve korumayı atlamak için ayrı bir işlev eklemek için alt sınıfa geçmekti.

Hızlı 4

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

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

İşte benim çözümüm, selectionColor'ı göstermek için contentView kullanın, mükemmel çalışıyor

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

Bu kodu şunun alt sınıfınıza yerleştirin: UITableViewCell

Swift 3 sözdizimi

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

Film şeridi kullanıyorsanız başka bir çözüm eklemek. Başlangıçta ayarlandıktan sonra ayarlanmasına UIViewizin vermeyen bir alt sınıf oluşturun backgroundColor.

@interface ConstBackgroundColorView : UIView

@end

@implementation ConstBackgroundColorView

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

@end

Yukarıda belirtilen arka plan çözümü sorununuzu çözmüyorsa, sorununuz datasourceTableView'inizde olabilir.

Benim için, BoxDataSourcetemsilci ve dataSource tableView yöntemlerini işlemek için bir DataSource nesnesinin (çağrılan ) bir örneğini oluşturuyordum :

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

Bu, hücreye her dokunduğunda dataSource'un ayrılmasına neden oldu ve böylece tüm içerik kayboldu. Nedeni, ARC dağıtma / çöp toplama doğasıdır.

Bunu düzeltmek için özel hücreye gitmek, bir datasource değişkeni eklemek zorunda kaldım:

//CustomCell.swift
var dataSource: BoxDataSource?

Ardından, dataSource'u varcellForRow'da oluşturduğunuz hücrenin dataSource değerine ayarlamanız gerekir , böylece bu ARC ile ayrılmaz.

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

Umarım yardımcı olur.