UITableView각 섹션의 헤더 를 사용자 정의하고 싶습니다 . 지금까지 구현했습니다

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

이 UITabelViewDelegate방법. 내가하고 싶은 것은 각 섹션에 대한 현재 헤더를 가져 와서 UILabel하위보기로 추가 하는 것입니다.

지금까지는 그렇게 할 수 없습니다. 기본 섹션 헤더를 가져올 항목을 찾을 수 없기 때문입니다. 첫 번째 질문 은 기본 섹션 헤더를 얻는 방법이 있습니까?

가능하지 않으면 컨테이너 뷰를 만들어야 UIView하지만 이번에는 기본 배경색, 그림자 색 등을 설정해야합니다. 섹션 헤더를주의 깊게 살펴보면 이미 사용자 정의되어 있기 때문입니다.

각 섹션 헤더에 대해 이러한 기본값을 어떻게 얻을 수 있습니까?

다들 감사 해요.

당신은 이것을 시도 할 수 있습니다 :

 -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, 18)];
    /* Create custom view to display section header... */
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, tableView.frame.size.width, 18)];
    [label setFont:[UIFont boldSystemFontOfSize:12]];
     NSString *string =[list objectAtIndex:section];
    /* Section header is in 0th index... */
    [label setText:string];
    [view addSubview:label];
    [view setBackgroundColor:[UIColor colorWithRed:166/255.0 green:177/255.0 blue:186/255.0 alpha:1.0]]; //your background color...
    return view;
}

선택한 답변 tableView :viewForHeaderInSection:이 정확합니다.

여기서 팁을 공유하십시오.

스토리 보드 / xib를 사용하는 경우 다른 프로토 타입 셀을 만들어 "섹션 셀"에 사용할 수 있습니다. 헤더를 구성하는 코드는 행 셀을 구성하는 방법과 유사합니다.

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    static NSString *HeaderCellIdentifier = @"Header";

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

    // Configure the cell title etc
    [self configureHeaderCell:cell inSection:section];

    return cell;
}

Lochana Tejas 의 신속한 버전 :

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView(frame: CGRectMake(0, 0, tableView.frame.size.width, 18))
    let label = UILabel(frame: CGRectMake(10, 5, tableView.frame.size.width, 18))
    label.font = UIFont.systemFontOfSize(14)
    label.text = list.objectAtIndex(indexPath.row) as! String
    view.addSubview(label)
    view.backgroundColor = UIColor.grayColor() // Set your background color

    return view
}

기본 헤더보기를 사용하는 경우 기본 헤더보기 만 사용하여 텍스트를 변경할 수 있습니다

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

스위프트

override func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {

보기를 사용자 정의하려면 새보기를 직접 작성해야합니다.

왜 UITableViewHeaderFooterView를 사용하지 않습니까?

headerInSection이 표시되지 않으면 시도해보십시오.

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

주어진 섹션의 헤더 높이를 반환합니다.

lochana 및 estemendoza의 신속한 3 버전 답변 :

override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    let view = UIView(frame: CGRect(x:0, y:0, width:tableView.frame.size.width, height:18))
    let label = UILabel(frame: CGRect(x:10, y:5, width:tableView.frame.size.width, height:18))
    label.font = UIFont.systemFont(ofSize: 14)
    label.text = "This is a test";
    view.addSubview(label);
    view.backgroundColor = UIColor.gray;
    return view

}

또한 다음을 구현해야합니다.

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 100;
}

이 시도......

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) 
{
    // Background view is at index 0, content view at index 1
    if let bgView = view.subviews[0] as? UIView
    {
        // do your stuff
    }

    view.layer.borderColor = UIColor.magentaColor().CGColor
    view.layer.borderWidth = 1
}

다른 답변은 기본 헤더보기를 다시 작성하는 것이 좋지만 실제로 주요 질문에 대답하지는 않습니다.

기본 섹션 헤더를 얻는 방법이 있습니까?

방법이 있습니다- tableView:willDisplayHeaderView:forSection:대리인에게 구현 하십시오. 기본 헤더보기는 두 번째 매개 변수로 전달되며 여기에서이를 UITableViewHeaderFooterView원하는대로 캐스트 한 다음 하위보기를 추가 / 변경할 수 있습니다.

오브제 C

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    UITableViewHeaderFooterView *headerView = (UITableViewHeaderFooterView *)view;

    // Do whatever with the header view... e.g.
    // headerView.textLabel.textColor = [UIColor whiteColor]
}

빠른

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int)
{
    let headerView = view as! UITableViewHeaderFooterView

    // Do whatever with the header view... e.g.
    // headerView.textLabel?.textColor = UIColor.white
}

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    //put your values, this is part of my code
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 30.0f)];
    [view setBackgroundColor:[UIColor redColor]];
    UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(20, 5, 150, 20)];
    [lbl setFont:[UIFont systemFontOfSize:18]];
    [lbl setTextColor:[UIColor blueColor]];
    [view addSubview:lbl];

    [lbl setText:[NSString stringWithFormat:@"Section: %ld",(long)section]];

    return view;
}

이것이 가장 쉬운 해결책입니다. 다음 코드는 사용자 정의 섹션 헤더를 생성하는 데 직접 사용할 수 있습니다.

 -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    SectionHeaderTableViewCell *headerView = [tableView dequeueReusableCellWithIdentifier:@"sectionHeader"];

    //For creating a drop menu of rows from the section
    //==THIS IS JUST AN EXAMPLE. YOU CAN REMOVE THIS IF-ELSE.==
    if (![self.sectionCollapsedArray[section] boolValue])
    {
        headerView.imageView.image = [UIImage imageNamed:@"up_icon"];
    }
    else
    {
        headerView.imageView.image = [UIImage imageNamed:@"drop_icon"];
    }

    //For button action inside the custom cell
    headerView.dropButton.tag = section;
    [headerView.dropButton addTarget:self action:@selector(sectionTapped:) forControlEvents:UIControlEventTouchUpInside];

    //For removing long touch gestures.
    for (UIGestureRecognizer *recognizer in headerView.contentView.gestureRecognizers)
    {
        [headerView.contentView removeGestureRecognizer:recognizer];
        [headerView removeGestureRecognizer:recognizer];
    }

    return headerView.contentView;
}

참고 : SectionHeaderTableViewCell은 스토리 보드에서 작성된 사용자 정의 UITableViewCell입니다.

내가 당신이라면, NSString이 주어진 UIView를 반환하는 메소드를 만들 것입니다. 예를 들어

+ (UIView *) sectionViewWithTitle:(NSString *)title;

이 메소드의 구현에서 UIView를 작성하고 설정하려는 특성으로 UILabel을 추가하고 제목을 주어진 제목으로 설정하십시오.

Swift에서 @samwize의 솔루션 (그에게 투표하십시오!). 머리글 / 바닥 글 섹션에도 동일한 재활용 메커니즘을 사용하여 훌륭하게 :

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let settingsHeaderSectionCell:SettingsHeaderSectionCell = self.dequeueReusableCell(withIdentifier: "SettingsHeaderSectionCell") as! SettingsHeaderSectionCell

    return settingsHeaderSectionCell
}

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if([view isKindOfClass:[UITableViewHeaderFooterView class]]){

        UITableViewHeaderFooterView *headerView = view;

        [[headerView textLabel] setTextColor:[UIColor colorWithHexString:@"666666"]];
        [[headerView textLabel] setFont:[UIFont fontWithName:@"fontname" size:10]];
    }
}

섹션 헤더에서 textLabel의 글꼴을 변경하려면 willDisplayHeaderView에서 수행하십시오. 텍스트를 설정하려면 viewForHeaderInSection 또는 titleForHeaderInSection에서 수행 할 수 있습니다. 행운을 빕니다!

복사하여 붙여 넣을 2019 전체 예제

스토리 보드에서 먼저 "그룹화"를 설정하십시오. 초기에 발생해야하며 나중에 설정할 수 없으므로 스토리 보드에서 기억하기가 더 쉽습니다.

다음,

Apple 버그로 인해 heightForHeaderInSection을 구현 해야 합니다 .

func tableView(_ tableView: UITableView,
                   heightForHeaderInSection section: Int) -> CGFloat {
    return CGFloat(70.0)
}

아직 10 년 동안 Apple 버그가 여전히 있습니다 heightForHeaderInSection. 전화 를하지 않으면 첫 번째 헤더 (예 : 인덱스 0)가 표시되지 않습니다 .

그래서, tableView.sectionHeaderHeight = 70단순히 작동하지 않습니다 이 생겼습니다 .

프레임을 설정하면 아무것도 달성되지 않습니다.

에서는 viewForHeaderInSection단순히 UIView의를 만들 ().

그것은 / 무의미 아무것도 달성하지 당신이 경우 (... 프레임) UIView의 아이폰 OS는 단순히 테이블의 결정에 따라 뷰의 크기를 설정하기 때문이다.

따라서 첫 번째 줄은 viewForHeaderInSection간단 let view = UIView()하며 그것이 당신이 보는 관점입니다.

func tableView(_ tableView: UITableView,
                       viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView()
    
    let l = UILabel()
    view.addSubview(l)
    l.bindEdgesToSuperview()
    l.backgroundColor = .systemOrange
    l.font = UIFont.systemFont(ofSize: 15)
    l.textColor = .yourClientsFavoriteColor
    
    switch section {
    case 0:
        l.text =  "First section on screen"
    case 1:
        l.text =  "Here's the second section"
    default:
        l.text =  ""
    }
    
    return view
}

그게 다야-다른 것은 시간 낭비입니다.

또 다른 "거친"애플 문제.

위에서 사용한 편의 확장은 다음과 같습니다.

extension UIView {
    
    // incredibly useful:
    
    func bindEdgesToSuperview() {
        
        guard let s = superview else {
            preconditionFailure("`superview` nil in bindEdgesToSuperview")
        }
        
        translatesAutoresizingMaskIntoConstraints = false
        leadingAnchor.constraint(equalTo: s.leadingAnchor).isActive = true
        trailingAnchor.constraint(equalTo: s.trailingAnchor).isActive = true
        topAnchor.constraint(equalTo: s.topAnchor).isActive = true
        bottomAnchor.constraint(equalTo: s.bottomAnchor).isActive = true
    }
}

신속하게 테이블 뷰 헤더를 마술처럼 추가

최근에 이것을 시도했습니다.

전체 UITableView에 하나의 헤더가 필요했습니다.

TableView 상단에 UIImageView를 원했던 것처럼. 그래서 UITableViewCell 위에 UIImageView를 추가하고 자동으로 tableViewHeader로 추가되었습니다. 이제 ImageView를 ViewController에 연결하고 이미지를 추가했습니다.

처음 이런 일을했기 때문에 혼란 스러웠습니다. 혼란을 없애기 위해 MainStoryBoard의 xml 형식을 열고 Image View가 헤더로 추가 된 것을 발견했습니다.

그것은 나를 위해 일했다. xCode와 빠른 감사합니다.

이 델리게이트 메소드를 호출

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

return @"Some Title";
}

동적 제목과 함께 기본 헤더를 자동으로 추가 할 수 있습니다.

재사용 가능하고 사용자 정의 가능한 머리글 / 바닥 글을 사용할 수 있습니다.

https://github.com/sourov2008/UITableViewCustomHeaderFooterSection

swif 4.2

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    guard let header = view as? UITableViewHeaderFooterView else { return }

    header.textLabel?.textAlignment = .center // for all sections

    switch section {
    case 1:  //only section No.1
        header.textLabel?.textColor = .black
    case 3:  //only section No.3
        header.textLabel?.textColor = .red
    default: //
        header.textLabel?.textColor = .yellow
    }
}

titleForHeaderInSection 외에도 머리글, 바닥 글의보기를 간단하게 변경할 수 있습니다. 내 의견을 확인하십시오 : 섹션을 잃어 버리지 않고 UITable 섹션 배경색 변경

tableView 헤더에 제목을 추가하려는 경우보기를 추가하지 마십시오. swift 3.x에서 코드는 다음과 같습니다.

override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    var lblStr = ""
    if section == 0 {
        lblStr = "Some String 1"
    }
    else if section == 1{
        lblStr = "Some String 2"
    }
    else{
        lblStr = "Some String 3"
    }
    return lblStr
}

헤더의 제목을 가져 오기 위해 배열을 구현할 수 있습니다.

iOS는 자신의 섹션 헤더를 다시 작성하는 대신 원래 질문으로 돌아가서 (4 년 후) 기본 질문을 만든 직후에 willDisplayHeaderView : forSection :을 사용하여 간단히 전화 할 수 있습니다. 예를 들어 섹션 헤더의 오른쪽 가장자리에 그래프 버튼을 추가하고 싶습니다.

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {
    UITableViewHeaderFooterView * header = (UITableViewHeaderFooterView *) view;
    if (header.contentView.subviews.count >  0) return; //in case of reuse
    CGFloat rightEdge = CGRectGetMaxX(header.contentView.bounds);
    UIButton * button = [[UIButton alloc] initWithFrame:CGRectMake(rightEdge - 44, 0, 44, CGRectGetMaxY(header.contentView.bounds))];
    [button setBackgroundImage:[UIImage imageNamed:@"graphIcon"] forState:UIControlStateNormal];
    [button addTarget:self action:@selector(graphButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
    [view addSubview:button];
}

tableView: willDisplayHeaderView:보기가 표시 될 때 사용자 정의하는 데 사용하십시오 .

이를 통해 전체 헤더보기를 직접 작성하지 않고 헤더보기에 대해 이미 작성된보기를 가져 와서 확장 할 수 있다는 이점이 있습니다.

다음은 BOOL을 기준으로 헤더 섹션에 색상을 지정하고 세부 텍스트 요소를 헤더에 추가하는 예입니다.

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
//    view.tintColor = [UIColor colorWithWhite:0.825 alpha:1.0]; // gray
//    view.tintColor = [UIColor colorWithRed:0.825 green:0.725 blue:0.725 alpha:1.0]; // reddish
//    view.tintColor = [UIColor colorWithRed:0.925 green:0.725 blue:0.725 alpha:1.0]; // pink

    // Conditionally tint the header view
    BOOL isMyThingOnOrOff = [self isMyThingOnOrOff];

    if (isMyThingOnOrOff) {
        view.tintColor = [UIColor colorWithRed:0.725 green:0.925 blue:0.725 alpha:1.0];
    } else {
        view.tintColor = [UIColor colorWithRed:0.925 green:0.725 blue:0.725 alpha:1.0];
    }

    /* Add a detail text label (which has its own view to the section header… */
    CGFloat xOrigin = 100; // arbitrary
    CGFloat hInset = 20;
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(xOrigin + hInset, 5, tableView.frame.size.width - xOrigin - (hInset * 2), 22)];

    label.textAlignment = NSTextAlignmentRight;

    [label setFont:[UIFont fontWithName:@"Helvetica-Bold" size:14.0]
    label.text = @"Hi.  I'm the detail text";

    [view addSubview:label];
}

스위프트 4.2

Swift 4.2에서는 테이블 이름이 약간 변경되었습니다.

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let view = UIView(frame: CGRect(x: 0, y: 0, width: tableView.frame.size.width, height: 18))
        let label = UILabel(frame: CGRect(x: 10, y: 5, width: tableView.frame.size.width, height: 18))
        label.font = UIFont.systemFont(ofSize: 14)
        label.text = list.objectAtIndex(section) as! String
        view.addSubview(label)
        view.backgroundColor = UIColor.gray // Set your background color

        return view
    }