จะเปลี่ยนสีไฮไลต์สีน้ำเงินของ UITableViewCell ได้อย่างไร?

ฉันสงสัยว่าจะเปลี่ยนสีน้ำเงินไฮไลต์ / สีการเลือกของ a UITableViewCellมีความคิดอย่างไร?

คุณสามารถเปลี่ยนสีไฮไลต์ได้หลายวิธี

1. เปลี่ยนคุณสมบัติ selectionStyle ของเซลล์ของคุณ หากเปลี่ยนUITableViewCellSelectionStyleGrayเป็นสีจะเป็นสีเทา

2. เปลี่ยนselectedBackgroundViewคุณสมบัติ จริงๆแล้วสิ่งที่สร้างการไล่ระดับสีน้ำเงินคือมุมมอง คุณสามารถสร้างมุมมองและวาดสิ่งที่คุณต้องการและใช้มุมมองเป็นพื้นหลังของเซลล์มุมมองตารางของคุณ

Zonble ได้ให้คำตอบที่ยอดเยี่ยมแล้ว ฉันคิดว่าการรวมข้อมูลโค้ดสั้น ๆ อาจเป็นประโยชน์สำหรับการเพิ่มUIViewลงในเซลล์ tableview ซึ่งจะนำเสนอเป็นมุมมองพื้นหลังที่เลือก

cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];

    UIView *selectionColor = [[UIView alloc] init];
    selectionColor.backgroundColor = [UIColor colorWithRed:(245/255.0) green:(245/255.0) blue:(245/255.0) alpha:1];
    cell.selectedBackgroundView = selectionColor;

• เซลล์คือไฟล์ UITableViewCell
• ฉันสร้าง UIView และตั้งค่าสีพื้นหลังโดยใช้สี RGB (สีเทาอ่อน)
• จากนั้นฉันตั้งค่าเซลล์selectedBackgroundViewให้เป็นเซลล์UIViewที่ฉันสร้างขึ้นด้วยสีพื้นหลังที่ฉันเลือก

นี้ทำงานได้ดีสำหรับฉัน. ขอบคุณสำหรับเคล็ดลับ Zonble

UITableViewCell มีรูปแบบการเลือกเริ่มต้นสามแบบ: -

1. สีน้ำเงิน
2. สีเทา
3. ไม่มี

การดำเนินการมีดังนี้: -

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *) indexPath {

     [cell setSelectionStyle:UITableViewCellSelectionStyleNone];       
}

ใน Swift ให้ใช้สิ่งนี้ใน cellForRowAtIndexPath

let selectedView = UIView()
selectedView.backgroundColor = .white
cell.selectedBackgroundView = selectedView

หากคุณต้องการเลือกสีของคุณจะเหมือนกันในทุก ๆใช้นี้UITableViewCellAppDelegate

let selectedView = UIView()
selectedView.backgroundColor = .white
UITableViewCell.appearance().selectedBackgroundView = selectedView

หากคุณต้องการเปลี่ยนแอปให้กว้างขึ้นคุณสามารถเพิ่มตรรกะให้กับตัวแทนแอปของคุณได้

class AppDelegate: UIResponder, UIApplicationDelegate {

    //... truncated

   func application(application: UIApplication!, didFinishLaunchingWithOptions launchOptions: NSDictionary!) -> Bool {

        // set up your background color view
        let colorView = UIView()
        colorView.backgroundColor = UIColor.yellowColor()

        // use UITableViewCell.appearance() to configure 
        // the default appearance of all UITableViewCells in your app
        UITableViewCell.appearance().selectedBackgroundView = colorView

        return true
    }

    //... truncated
}

เพื่อความสมบูรณ์: หากคุณสร้างคลาสย่อยของUITableViewCellคุณเองคุณสามารถใช้- (void)setSelected:(BOOL)selected animated:(BOOL)animatedวิธีการและตั้งค่าสีพื้นหลังของมุมมองบางส่วนที่คุณเพิ่มในมุมมองเนื้อหา (หากเป็นเช่นนั้น) หรือของ contentView เอง (หากไม่ครอบคลุมมุมมองของคุณเอง

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    if(selected) {
        self.contentView.backgroundColor = UIColor.blueColor;
    } else {
        self.contentView.backgroundColor = UIColor.whiteColor;
    }
}

(ไม่ได้ใช้? เพื่อให้พอดีกับความกว้างเล็ก ๆ ของรหัสแหล่งที่มา DIV :)

วิธีนี้มีข้อดีสองประการเหนือการใช้ selectedBackgroundView คือใช้หน่วยความจำน้อยและ CPU น้อยลงเล็กน้อยไม่ใช่ว่าคุณจะสังเกตเห็นได้เว้นแต่คุณจะแสดงเซลล์หลายร้อยเซลล์

ฉันต้องตั้งค่ารูปแบบการเลือกเพื่อUITableViewCellSelectionStyleDefaultให้สีพื้นหลังที่กำหนดเองทำงานได้ หากมีลักษณะอื่นสีพื้นหลังที่กำหนดเองจะถูกละเว้น ทดสอบบน iOS 8

รหัสเต็มสำหรับเซลล์ดังนี้:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *CellIdentifier = @"MyCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }

    // This is how you change the background color
    cell.selectionStyle = UITableViewCellSelectionStyleDefault;
    UIView *bgColorView = [[UIView alloc] init];
    bgColorView.backgroundColor = [UIColor redColor];
    [cell setSelectedBackgroundView:bgColorView];

    return cell;
}

จากคำตอบของผู้ใช้ @คุณสามารถเพิ่มส่วนขยายนี้ที่ใดก็ได้ในโค้ดแอปของคุณและมีสีที่คุณเลือกโดยตรงในตัวแก้ไขสตอรีบอร์ดสำหรับทุกเซลล์ของแอปของคุณ:

@IBDesignable extension UITableViewCell {
    @IBInspectable var selectedColor: UIColor? {
        set {
            if let color = newValue {
                selectedBackgroundView = UIView()
                selectedBackgroundView!.backgroundColor = color
            } else {
                selectedBackgroundView = nil
            }
        }
        get {
            return selectedBackgroundView?.backgroundColor
        }
    }
}

@IBDesignable class UIDesignableTableViewCell: UITableViewCell {
  @IBInspectable var selectedColor: UIColor = UIColor.clearColor() {
    didSet {
      selectedBackgroundView = UIView()
      selectedBackgroundView?.backgroundColor = selectedColor
    }
  }
}

ในกระดานเรื่องราวของคุณตั้งค่าคลาสของ UITableViewCell ของคุณเป็น UIDesignableTableViewCell บนตัวตรวจสอบคุณสมบัติคุณสามารถเปลี่ยนสีที่เลือกของเซลล์ของคุณเป็นสีใดก็ได้

คุณสามารถใช้สิ่งนี้กับเซลล์ทั้งหมดของคุณ นี่คือลักษณะของตัวตรวจสอบแอตทริบิวต์ของคุณ

สวิฟต์ 3.0 / 4.0

หากคุณสร้างเซลล์ที่กำหนดเองคุณสามารถเปลี่ยนสีการเลือกawakeFromNib()สำหรับเซลล์ทั้งหมดได้:

 override func awakeFromNib() {
    super.awakeFromNib()

    let colorView = UIView()
    colorView.backgroundColor = UIColor.orange.withAlphaComponent(0.4)

    self.selectedBackgroundView = colorView


}

1- เพิ่มมุมมองในมุมมองเนื้อหาของเซลล์ของคุณ
2- คลิกขวาที่เซลล์ของคุณ
3- ทำให้มุมมองที่เพิ่มเป็น "selectedBackgroundView"