UITableView - зміна кольору заголовка розділу

Як я можу змінити колір заголовка розділу в UITableView?

EDIT : Відповідь, надану DJ-S, слід враховувати для iOS 6 і вище. Прийнята відповідь застаріла.

Сподіваємось, цей метод із UITableViewDelegateпротоколу почне:

Завдання-C:

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{
  UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 30)] autorelease];
  if (section == integerRepresentingYourSectionOfInterest)
     [headerView setBackgroundColor:[UIColor redColor]];
  else 
     [headerView setBackgroundColor:[UIColor clearColor]];
  return headerView;
}

Швидкий:

func tableView(_ tableView: UITableView!, viewForHeaderInSection section: Int) -> UIView!
{
  let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: 30))
  if (section == integerRepresentingYourSectionOfInterest) {
    headerView.backgroundColor = UIColor.redColor()
  } else {
    headerView.backgroundColor = UIColor.clearColor()
  }
  return headerView
}

Оновлено 2017 рік:

Швидкий 3:

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
    {
        let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: 30))
        if (section == integerRepresentingYourSectionOfInterest) {
            headerView.backgroundColor = UIColor.red
        } else {
            headerView.backgroundColor = UIColor.clear
        }
        return headerView
    }

Замініть [UIColor redColor]тим, що UIColorхочете. Ви також можете скоригувати розміри headerView.

Це старе питання, але я думаю, що відповідь потрібно оновити.

Цей метод не передбачає визначення та створення власного власного представлення. В iOS 6 і новіших версіях ви можете легко змінити колір тла та колір тексту, визначивши

-(void)tableView:(UITableView *)tableView 
    willDisplayHeaderView:(UIView *)view 
    forSection:(NSInteger)section

метод делегування розділу

Наприклад:

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    // Background color
    view.tintColor = [UIColor blackColor];

    // Text Color
    UITableViewHeaderFooterView *header = (UITableViewHeaderFooterView *)view;
    [header.textLabel setTextColor:[UIColor whiteColor]];

    // Another way to set the background color
    // Note: does not preserve gradient effect of original header
    // header.contentView.backgroundColor = [UIColor blackColor];
}

Взяте з моєї публікації тут: https://happyteamlabs.com/blog/ios-how-to-customize-table-view-header-and-footer-colors/

Швидкий 3/4

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int){
    view.tintColor = UIColor.red
    let header = view as! UITableViewHeaderFooterView
    header.textLabel?.textColor = UIColor.white
}

Ось як змінити колір тексту.

UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake(10, 3, tableView.bounds.size.width - 10, 18)] autorelease];
label.text = @"Section Header Text Here";
label.textColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:0.75];
label.backgroundColor = [UIColor clearColor];
[headerView addSubview:label];

Це можна зробити, якщо ви хочете, щоб заголовок із спеціальним кольором:

[[UITableViewHeaderFooterView appearance] setTintColor:[UIColor redColor]];

Це рішення чудово працює з iOS 6.0.

Наступне рішення працює для Swift 1.2 з iOS 8+

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {

    // This changes the header background
    view.tintColor = UIColor.blueColor()

    // Gets the header view as a UITableViewHeaderFooterView and changes the text colour
    var headerView: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
    headerView.textLabel.textColor = UIColor.redColor()

}

Встановлення кольору фону на UITableViewHeaderFooterView застаріле. Будь ласка, використовуйте contentView.backgroundColorзамість цього.

Не забудьте додати цей фрагмент коду від делегата, інакше ваш вигляд буде відрізаний або з'явиться за столом у деяких випадках, відносно висоти вашого перегляду / мітки.

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 30;
}

Ви можете зробити це на main.storyboard приблизно за 2 секунди.

1. Виберіть Перегляд таблиці
2. Перейдіть до інспектора атрибутів
3. Елемент списку
4. Прокрутіть униз до перегляду підзаголовка
5. Змінити "фон"

Якщо ви не хочете створити спеціальний вид, ви також можете змінити такий колір (потрібен iOS 6):

-(void) tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {
    if ([view isKindOfClass: [UITableViewHeaderFooterView class]]) {
        UITableViewHeaderFooterView* castView = (UITableViewHeaderFooterView*) view;
        UIView* content = castView.contentView;
        UIColor* color = [UIColor colorWithWhite:0.85 alpha:1.]; // substitute your color here
        content.backgroundColor = color;
    }
}

Встановіть колір фону та тексту області розділу: (Завдяки William Jockuschта Dj S)

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if ([view isKindOfClass: [UITableViewHeaderFooterView class]]) {
        UITableViewHeaderFooterView* castView = (UITableViewHeaderFooterView*) view;
        castView.contentView.backgroundColor = [UIColor grayColor];
        [castView.textLabel setTextColor:[UIColor grayColor]];
    }
}

Швидкий 4

Щоб змінити колір фону , колір тексту етикетки і шрифт для заголовка Вид в розділі UITableView, просто перевизначити willDisplayHeaderViewдля подання таблиці , як так:

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        let header = view as! UITableViewHeaderFooterView
        header.backgroundView?.backgroundColor = .white
        header.textLabel?.textColor = .black
        header.textLabel?.font = UIFont(name: "Helvetica-Bold", size: 14)
} 

Це прекрасно працювало для мене; сподіваюся, що це теж допоможе вам!

Ось як додати зображення у подання заголовка:

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{
    UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 30)] autorelease];
    UIImageView *headerImage = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"top-gery-bar.png"]] autorelease];

    headerImage.frame = CGRectMake(0, 0, tableView.bounds.size.width, 30);

    [headerView addSubview:headerImage];

    return headerView;
}

Для iOS8 (Beta) та Swift виберіть потрібний колір RGB і спробуйте це:

override func tableView(tableView: UITableView!, viewForHeaderInSection section: Int) -> UIView! {
    var header :UITableViewHeaderFooterView = UITableViewHeaderFooterView()

    header.contentView.backgroundColor = UIColor(red: 254.0/255.0, green: 190.0/255.0, blue: 127.0/255.0, alpha: 1)
    return header

}

("Переосмислення" є, оскільки я використовую UITableViewController замість звичайного UIViewController в моєму проекті, але це не обов'язково для зміни кольору заголовка розділу

Текст вашого заголовка все ще буде видно. Зауважте, що вам потрібно буде відрегулювати висоту заголовка розділу.

Щасти.

SWIFT 2

Мені вдалося змінити колір тла розділу з додаванням ефекту розмиття (що дуже цікаво). Щоб легко змінити колір фону розділу:

1. Спочатку перейдіть до таблиці розкадри та виберіть Перегляд таблиці
2. Перейдіть до інспектора атрибутів
3. Елемент списку
4. Прокрутіть униз до Перегляд
5. Змінити "Передумови"

Потім для ефекту розмиття додайте до коду:

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {

    // This is the blur effect

    let blurEffect = UIBlurEffect(style: .Light)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)

    // Gets the header view as a UITableViewHeaderFooterView and changes the text colour and adds above blur effect
    let headerView: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
    headerView.textLabel!.textColor = UIColor.darkGrayColor()
    headerView.textLabel!.font = UIFont(name: "HelveticaNeue-Light", size: 13)
    headerView.tintColor = .groupTableViewBackgroundColor()
    headerView.backgroundView = blurEffectView

}

Я знаю, що він відповів, про всяк випадок, в Swift використовують наступне

    override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let tableViewWidth = self.tableView.bounds

        let headerView = UIView(frame: CGRectMake(0, 0, tableViewWidth.size.width, self.tableView.sectionHeaderHeight))
        headerView.backgroundColor = UIColor.greenColor()

        return headerView
    }

iOS 8+

func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        tableView.tableHeaderView?.backgroundColor = UIColor.blue()
}

На основі відповіді @Dj S, використовуючи Swift 3. Це чудово працює на iOS 10.

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    // Background color
    view.tintColor = UIColor.black

    // Text Color
    let headerView = view as! UITableViewHeaderFooterView
    headerView.textLabel?.textColor = UIColor.white
}

У мене є проект із використанням комірок статичної таблиці, в iOS 7.x. willDisplayHeaderView не працює. Однак цей спосіб працює нормально:

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    NSLog(@"%s", __FUNCTION__);
    CGRect headerFrame = CGRectMake(x, y, w, h);    
    UIView *headerView = [[UIView alloc] initWithFrame:headerFrame];  
    headerView.backgroundColor = [UIColor blackColor];

 -(void) tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view
  forSection:(NSInteger)section
  {
        if ([view isKindOfClass: [UITableViewHeaderFooterView class]])
        {
             UITableViewHeaderFooterView *castView = (UITableViewHeaderFooterView *) view;
             UIView *content = castView.contentView;
             UIColor *color = [UIColor whiteColor]; // substitute your color here
             content.backgroundColor = color;
             [castView.textLabel setTextColor:[UIColor blackColor]];
        }
 }

Я думаю, що цей код не такий вже й поганий.

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = tableView.dequeueReusableHeaderFooterViewWithIdentifier(MyHeaderView.reuseIdentifier) as MyHeaderView
    let backgroundView = UIView()
    backgroundView.backgroundColor = UIColor.whiteColor()
    headerView.backgroundView = backgroundView
    headerView.textLabel.text = "hello"
    return headerView
}

Swift 4 робить це дуже легко. Просто додайте це до свого класу та встановіть колір за потребою.

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        view.backgroundColor = UIColor(red: 0.094, green: 0.239, blue: 0.424, alpha: 1.0)
    }

або якщо простий колір

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        view.backgroundColor = UIColor.white
    }

Оновлено для Swift 5

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        view.tintColor = UIColor(red: 0.094, green: 0.239, blue: 0.424, alpha: 1.0)
    }

або якщо простий колір

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        view.tintColor = UIColor.white
    }

У iOS 7.0.4 я створив власний заголовок із власним XIB. Нічого тут не згадувалося. Це повинен був бути підкласом UITableViewHeaderFooterView для роботи з, dequeueReusableHeaderFooterViewWithIdentifier:і здається, що клас дуже впертий щодо кольору фону. Отже, нарешті я додав UIView (ви можете це зробити або з кодом, або IB) з ім'ям customBackgroudView, а потім встановіть його властивість backgroundColor. У layoutSubviews: я встановлюю рамки цього виду на межі. Він працює з iOS 7 і не дає ніяких збоїв.

// in MyTableHeaderView.xib drop an UIView at top of the first child of the owner
// first child becomes contentView

// in MyTableHeaderView.h
@property (nonatomic, weak) IBOutlet UIView * customBackgroundView;

// in MyTableHeaderView.m
-(void)layoutSubviews;
{
    [super layoutSubviews];

    self.customBackgroundView.frame = self.bounds;
}
// if you don't have XIB / use IB, put in the initializer:
-(id)initWithReuseIdentifier:(NSString *)reuseIdentifier
{
    ...
    UIView * customBackgroundView = [[UIView alloc] init];
    [self.contentView addSubview:customBackgroundView];
    _customBackgroundView = customBackgroundView;
    ...
}


// in MyTableViewController.m
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    MyTableHeaderView * header = [self.tableView
                                          dequeueReusableHeaderFooterViewWithIdentifier:@"MyTableHeaderView"];
    header.customBackgroundView.backgroundColor = [UIColor redColor];
    return header;
}

Просто змініть колір шару подання заголовка

- (UIView *) tableView: (UITableView *) tableView viewForHeaderInSection: (NSInteger) розділ 
{
  UIView * headerView = [[[UIView alloc] initWithFrame: CGRectMake (0, 0, tableView.bounds.size.width, 30)] автовипуск];
 headerView.layer.backgroundColor = [UIColor clearColor] .CGColor
}

Якщо комусь потрібно швидко, зберігає заголовок:

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView(frame: CGRect(x: 0,y: 0,width: self.tableView.frame.width, height: 30))
    view.backgroundColor = UIColor.redColor()
    let label = UILabel(frame: CGRect(x: 15,y: 5,width: 200,height: 25))
    label.text = self.tableView(tableView, titleForHeaderInSection: section)
    view.addSubview(label)
    return view
}

Я отримав повідомлення від Xcode через журнал консолі

[TableView] Налаштування кольору фону на UITableViewHeaderFooterView застаріло. Будь ласка, встановіть на власність backgroundView власний UIView із потрібним кольором тла.

Тоді я просто створюю новий UIView і відкладаю його як фон HeaderView. Не вдале рішення, але це легко, як сказав Xcode.

У моєму випадку це спрацювало так:

let headerIdentifier = "HeaderIdentifier"
let header = self.tableView.dequeueReusableHeaderFooterView(withIdentifier: headerIdentifier)
header.contentView.backgroundColor = UIColor.white

Просто встановіть колір тла перегляду фону:

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int){         
  let tableHeader = view as! UITableViewHeaderFooterView        
  tableHeader.backgroundView?.backgroundColor = UIColor.white     
}

За допомогою RubyMotion / RedPotion вставте це у свій TableScreen:

  def tableView(_, willDisplayHeaderView: view, forSection: section)
    view.textLabel.textColor = rmq.color.your_text_color
    view.contentView.backgroundColor = rmq.color.your_background_color
  end

Працює як шарм!

Для швидких 5 +

В willDisplayHeaderViewметод

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {

     //For Header Background Color
     view.tintColor = .black

    // For Header Text Color
    let header = view as! UITableHeaderFooterView
    header.textLabel?.textColor = .white
}

Я сподіваюся, що це допоможе вам:]

Хоча це func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int)буде також добре, ви можете досягти цього, не застосовуючи іншого методу делегата. у вашому func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?методі ви можете використовувати view.contentView.backgroundColor = UIColor.whiteзамість view.backgroundView?.backgroundColor = UIColor.whiteякого не працює. (Я знаю, що backgroundViewце необов’язково, але навіть коли він є, це не пробудження без впровадженняwillDisplayHeaderView