¿Es posible deshabilitar encabezados flotantes en UITableView con UITableViewStylePlain?

Estoy usando un UITableViewdiseño de 'páginas' de contenido. Estoy usando los encabezados de la vista de tabla para diseñar ciertas imágenes, etc. y preferiría que no flotaran pero permanecieran estáticas como lo hacen cuando el estilo está configurado UITableViewStyleGrouped.

Aparte de usar UITableViewStyleGrouped, ¿hay alguna manera de hacer esto? Me gustaría evitar el uso agrupado, ya que agrega un margen hacia abajo en todas mis celdas y requiere deshabilitar la vista de fondo para cada una de las celdas. Me gustaría tener el control total de mi diseño. Idealmente, serían un "UITableViewStyleBareBones", pero no vi esa opción en los documentos ...

Muchas gracias,

Debería poder fingir esto utilizando una celda personalizada para hacer sus filas de encabezado. Estos se desplazarán como cualquier otra celda en la vista de tabla.

Solo necesita agregar algo de lógica en su cellForRowAtIndexPathpara devolver el tipo de celda correcto cuando se trata de una fila de encabezado.

Sin embargo, probablemente tendrá que administrar sus secciones usted mismo, es decir, tener todo en una sección y falsificar los encabezados. (También puede intentar devolver una vista oculta para la vista de encabezado, pero no sé si eso funcionará)

Una forma probablemente más fácil de lograr esto:

C objetivo:

CGFloat dummyViewHeight = 40;
UIView *dummyView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.tableView.bounds.size.width, dummyViewHeight)];
self.tableView.tableHeaderView = dummyView;
self.tableView.contentInset = UIEdgeInsetsMake(-dummyViewHeight, 0, 0, 0);

Rápido:

let dummyViewHeight = CGFloat(40)
self.tableView.tableHeaderView = UIView(frame: CGRect(x: 0, y: 0, width: self.tableView.bounds.size.width, height: dummyViewHeight))
self.tableView.contentInset = UIEdgeInsetsMake(-dummyViewHeight, 0, 0, 0)

Los encabezados de sección ahora se desplazarán como cualquier celda normal.

(Para quien llegó aquí debido a un estilo de tabla incorrecto) Cambie el estilo de tabla de plano a agrupado, a través del inspector de atributos o a través del código:

let tableView = UITableView(frame: .zero, style: .grouped)

ADVERTENCIA : esta solución implementa un método de API reservado. Esto podría evitar que Apple apruebe la aplicación para su distribución en la AppStore.

Describí los métodos privados que hacen que los encabezados de sección floten en mi blog

Básicamente, solo necesita subclasificar UITableViewy regresar NOen dos de sus métodos:

- (BOOL)allowsHeaderViewsToFloat;
- (BOOL)allowsFooterViewsToFloat;

Ok, sé que es tarde pero tuve que hacerlo. Llevo 10 horas buscando una solución que funcione pero no encontré una respuesta completa. Encontré algunas pistas pero difícil de entender para los principiantes. Así que tuve que poner mis 2 centavos y completar la respuesta.

Como se ha sugerido en algunas de las respuestas, la única solución de trabajo que pude implementar es insertar celdas normales en la vista de tabla y manejarlas como encabezados de sección, pero la mejor manera de lograrlo es insertando estas celdas en fila 0 de cada sección. De esta manera podemos manejar estos encabezados personalizados no flotantes muy fácilmente.

Entonces, los pasos son.

1. Implemente UITableView con estilo UITableViewStylePlain.

   -(void) loadView
   {
       [super loadView];
   
       UITableView *tblView =[[UITableView alloc] initWithFrame:CGRectMake(0, frame.origin.y, frame.size.width, frame.size.height-44-61-frame.origin.y) style:UITableViewStylePlain];
       tblView.delegate=self;
       tblView.dataSource=self;
       tblView.tag=2;
       tblView.backgroundColor=[UIColor clearColor];
       tblView.separatorStyle = UITableViewCellSeparatorStyleNone;
   }

2. Implemente titleForHeaderInSection como de costumbre (puede obtener este valor usando su propia lógica, pero prefiero usar delegados estándar).

   - (NSString *)tableView: (UITableView *)tableView titleForHeaderInSection:(NSInteger)section
   {
       NSString *headerTitle = [sectionArray objectAtIndex:section];
       return headerTitle;
   }

3. Número de ejemplo de Secciones en Tabla Ver como de costumbre

   - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
   {
       int sectionCount = [sectionArray count];
       return sectionCount;
   }

4. Implemente numberOfRowsInSection como de costumbre.

   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 
   {
       int rowCount = [[cellArray objectAtIndex:section] count];
       return rowCount +1; //+1 for the extra row which we will fake for the Section Header
   }

5. Devuelve 0.0f en heightForHeaderInSection.

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

6. NO implemente viewForHeaderInSection. Elimine el método por completo en lugar de devolver nulo.

7. En heightForRowAtIndexPath. Compruebe si (indexpath.row == 0) y devuelva la altura de celda deseada para el encabezado de sección, de lo contrario, devuelva la altura de la celda.

   - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
   {
       if(indexPath.row == 0)
       {
           return 80; //Height for the section header
       }
       else
       {
           return 70; //Height for the normal cell
       }
   }

8. Ahora en cellForRowAtIndexPath, verifique si (indexpath.row == 0) e implemente la celda como desea que sea el encabezado de la sección y establezca el estilo de selección en none. ELSE implementa la celda como desea que sea la celda normal.

   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
   {
       if (indexPath.row == 0)
       {
           UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"SectionCell"];
           if (cell == nil)
           {
               cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"SectionCell"] autorelease];
               cell.selectionStyle = UITableViewCellSelectionStyleNone; //So that the section header does not appear selected
   
               cell.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"SectionHeaderBackground"]];
           }
   
           cell.textLabel.text = [tableView.dataSource tableView:tableView titleForHeaderInSection:indexPath.section];
   
           return cell;
       }
       else
       {
           UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
   
           if (cell == nil) 
           {
               cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"] autorelease];
               cell.selectionStyle = UITableViewCellSelectionStyleGray; //So that the normal cell looks selected
   
               cell.backgroundView =[[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"CellBackground"]]autorelease];
               cell.selectedBackgroundView=[[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"SelectedCellBackground"]] autorelease];
           }
   
           cell.textLabel.text = [[cellArray objectAtIndex:indexPath.section] objectAtIndex:indexPath.row -1]; //row -1 to compensate for the extra header row
   
           return cell;
       }
   }

9. Ahora implemente willSelectRowAtIndexPath y devuelva nil si indexpath.row == 0. Esto cuidará de que didSelectRowAtIndexPath nunca se active para la fila del encabezado de la Sección.

   - (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath
   {
       if (indexPath.row == 0)
       {
           return nil;
       }
   
       return indexPath;
   }

10. Y finalmente en didSelectRowAtIndexPath, verifique si (indexpath.row! = 0) y continúe.

    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
    {
        if (indexPath.row != 0)
        {
            int row = indexPath.row -1; //Now use 'row' in place of indexPath.row
    
            //Do what ever you want the selection to perform
        }
    }

Con esto has terminado. Ahora tiene un encabezado de sección perfectamente flotante y no flotante.

En su Interface Builder, haga clic en la vista de tabla problemática

Luego navegue al Inspector de atributos y cambie Style Plain a Grouped;) Easy

Lo interesante de UITableViewStyleGrouped es que tableView agrega el estilo a las celdas y no a TableView.

El estilo se agrega como backgroundView a las celdas como una clase llamada UIGroupTableViewCellBackground que maneja el dibujo de diferentes fondos de acuerdo con la posición de la celda en la sección.

Entonces, una solución muy simple será usar UITableViewStyleGrouped, establecer el backgroundColor de la tabla en clearColor y simplemente reemplazar el backgroundView de la celda en cellForRow:

cell.backgroundView = [[[UIView alloc] initWithFrame:cell.bounds] autorelease];

Cambie su estilo de TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Según la documentación de Apple para UITableView:

UITableViewStylePlain- Una vista de tabla simple. Cualquier encabezado o pie de página se muestra como separador en línea y flotante cuando se desplaza la vista de tabla.

UITableViewStyleGrouped: una vista de tabla cuyas secciones presentan distintos grupos de filas. Los encabezados y pies de página no flotan.

Hay otra forma complicada. La idea principal es duplicar el número de sección, y el primero solo muestra el headerView mientras que el segundo muestra las celdas reales.

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return sectionCount * 2;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section%2 == 0) {
        return 0;
    }
    return _rowCount;
}

Lo que hay que hacer entonces es implementar los delegados headerInSection:

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    if (section%2 == 0) {
        //return headerview;
    }
    return nil;
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    if (section%2 == 0) {
        //return headerheight;
    }
    return 0;
}

Este enfoque también tiene poco impacto en sus fuentes de datos:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    int real_section = (int)indexPath.section / 2;
    //your code
}

En comparación con otros enfoques, esta forma es segura sin cambiar el marco o el contenido de la vista de tabla. Espero que esto pueda ayudar.

La forma más fácil de obtener lo que desea es establecer su estilo de tabla como UITableViewStyleGrouped, estilo separador como UITableViewCellSeparatorStyleNone:

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    return CGFLOAT_MIN; // return 0.01f; would work same 
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section {
    return [[UIView alloc] initWithFrame:CGRectZero];
}

No intente devolver la vista del pie de página como nil, no olvide establecer la altura del encabezado y la vista del encabezado, después de que debe obtener lo que desea.

Aunque esto puede no resolver su problema, lo hizo para mí cuando quería hacer algo similar. En lugar de configurar el encabezado, utilicé el pie de página de la sección anterior. Lo que me salvó fue que esta sección era pequeña y de naturaleza estática, por lo que nunca se desplazó por debajo de la parte inferior de la vista.

Para Swift 3+

Simplemente use UITableViewStyleGroupedy ajuste la altura del pie de página a cero con lo siguiente:

override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
    return .leastNormalMagnitude
}

Mientras pensaba cómo abordar este problema, recordé un detalle muy importante sobre UITableViewStyleGrouped. La manera en que UITableView implementa el estilo agrupado (los bordes redondeados alrededor de las celdas) es agregando un backgroundView personalizado a UITableViewCells, y no a UITableView. A cada celda se le agrega un backgroundView de acuerdo con su posición en la sección (las filas superiores obtienen la parte superior del borde de la sección, las del medio obtienen el borde lateral y la inferior obtiene, bueno, la parte inferior). Entonces, si solo queremos un estilo simple, y no tenemos una vista de fondo personalizada para nuestras celdas (que es el caso en el 90% de las veces), entonces todo lo que tenemos que hacer es usar UITableViewStyleGrouped y eliminar el fondo personalizado . Esto se puede hacer siguiendo esos dos pasos:

Cambie nuestro estilo tableView a UITableViewStyleGrouped Agregue la siguiente línea a cellForRow, justo antes de devolver la celda:

cell.backgroundView = [[[UIView alloc] initWithFrame: cell.bounds] autorelease];

Y eso es. El estilo tableView será exactamente igual a UITableViewStylePlain, a excepción de los encabezados flotantes.

¡Espero que esto ayude!

Tal vez podría usar scrollViewDidScrollen la tabla Ver y cambiar elcontentInset basado en el encabezado visible actual.

Parece que funciona para mi caso de uso!

extension ViewController : UIScrollViewDelegate{

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        guard   let tableView = scrollView as? UITableView,
            let visible = tableView.indexPathsForVisibleRows,
            let first = visible.first else {
            return
        }

        let headerHeight = tableView.rectForHeader(inSection: first.section).size.height
        let offset =  max(min(0, -tableView.contentOffset.y), -headerHeight)
        self.tableView.contentInset = UIEdgeInsetsMake(offset, 0, -offset, 0)
   }
}

Otra forma de hacerlo es hacer una sección vacía justo antes de la que desea el encabezado y colocar su encabezado en esa sección. Como la sección está vacía, el encabezado se desplazará inmediatamente.

Puede agregar una sección (con cero filas) arriba, luego establecer la sección anteriorFooterView como headerView de la sección actual, footerView no flota. Espero que te ayude.

Ignora XAK. No explore ningún método privado si desea que su aplicación tenga la posibilidad de ser aceptada por Apple.

Esto es más fácil si está utilizando Interface Builder. Agregaría una vista UIView en la parte superior de la vista (donde irán las imágenes), luego agregará su vista de tabla debajo de eso. IB debería dimensionarlo en consecuencia; es decir, la parte superior de la vista de tabla toca la parte inferior de la UIView que acaba de agregar y su altura cubre el resto de la pantalla.

El pensamiento aquí es que si esa UIView no es realmente parte de la vista de tabla, no se desplazará con la vista de tabla. es decir, ignorar el encabezado de la vista de tabla.

Si no está utilizando el creador de interfaces, es un poco más complicado porque debe obtener el posicionamiento y la altura correctos para la vista de tabla.

Verifique la respuesta sobre cómo implementar encabezados con StoryBoard: Vistas de encabezado de tabla en StoryBoards

También tenga en cuenta que si no implementa

viewForHeaderInSection:(NSInteger)section

no flotará, que es exactamente lo que quieres.

Para eliminar completamente las secciones de encabezado de sección flotante, puede hacer esto:

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    return [[UIView alloc] init];
}

return nil no funciona

Para deshabilitar los encabezados de sección flotantes pero aún mostrar, puede proporcionar una vista personalizada con sus propios comportamientos.

Una variación de la solución de @ samvermette:

/// Allows for disabling scrolling headers in plain-styled tableviews
extension UITableView {

    static let shouldScrollSectionHeadersDummyViewHeight = CGFloat(40)

    var shouldScrollSectionHeaders: Bool {
        set {
            if newValue {
                tableHeaderView = UIView(frame: CGRect(x: 0, y: 0, width: bounds.size.width, height: UITableView.shouldScrollSectionHeadersDummyViewHeight))
                contentInset = UIEdgeInsets(top: -UITableView.shouldScrollSectionHeadersDummyViewHeight, left: 0, bottom: 0, right: 0)
            } else {
                tableHeaderView = nil
                contentInset = .zero
            }
        }

        get {
            return tableHeaderView != nil && contentInset.top == UITableView.shouldScrollSectionHeadersDummyViewHeight
        }
    }

}

El fragmento muestra un encabezado adhesivo solo para la primera sección. Otros encabezados de sección flotarán con celdas.

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

    if section == 1 {
        tableView.contentInset = .zero
    }

}

func tableView(_ tableView: UITableView, didEndDisplayingHeaderView view: UIView, forSection section: Int) {
    if section == 0 {
        tableView.contentInset = .init(top: -tableView.sectionHeaderHeight, left: 0, bottom: 0, right: 0)
    }
}

Esto se puede lograr asignando la vista de encabezado manualmente en el método viewDidLoad de UITableViewController en lugar de usar viewForHeaderInSection y heightForHeaderInSection del delegado. Por ejemplo, en su subclase de UITableViewController, puede hacer algo como esto:

- (void)viewDidLoad {
    [super viewDidLoad];

    UILabel *headerView = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 40)];
    [headerView setBackgroundColor:[UIColor magentaColor]];
    [headerView setTextAlignment:NSTextAlignmentCenter];
    [headerView setText:@"Hello World"];
    [[self tableView] setTableHeaderView:headerView];
}

La vista del encabezado desaparecerá cuando el usuario se desplace. No sé por qué esto funciona así, pero parece lograr lo que estás buscando hacer.

Quizás pueda simplemente hacer que el fondo de la vista de encabezado sea transparente:

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {
    view.tintColor = [UIColor clearColor];
}

O aplícalo globalmente:

    [UITableViewHeaderFooterView appearance].tintColor = [UIColor clearColor];

Tengo otra solución aún más simple, para usar sin autolayout y con todo hecho a través de XIB:

1 / Coloque su encabezado en la vista de tabla arrastrándolo y soltándolo directamente en la vista de tabla.

2 / En el Inspector de tamaño del encabezado recién creado, simplemente cambie su tamaño automático: solo debe dejar los anclajes superior, izquierdo y derecho, más el relleno horizontalmente.

Eso debería hacer el truco !

De acuerdo con la respuesta de @ samvermette, he implementado el código anterior en Swift para facilitar a los codificadores el uso de swift.

let dummyViewHeight = CGFloat(40)
self.tableView.tableHeaderView = UIView(frame: CGRect(x: 0, y: 0, width: self.tableView.bounds.size.width, height: dummyViewHeight))
self.tableView.contentInset = UIEdgeInsetsMake(-dummyViewHeight, 0, 0, 0)

ref: https://stackoverflow.com/a/26306212

let tableView = UITableView(frame: .zero, style: .grouped)

PLUS

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    if section == 0 {
        return 40
    }else{
        tableView.sectionHeaderHeight = 0
    }

    return 0
}

Esto ayudó a usar el espacio del encabezado

2020 Última actualización

Probado con Xcode 14.

Para ocultar cualquier encabezado de sección, devuelva nulo para el título del delegado de sección

func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return nil
}

puede lograrlo fácilmente implementando el método viewForHeaderInSection en la clase delegada tableview. Este método espera una UIView como objeto de retorno (que es su vista de encabezado). He hecho lo mismo en mi código