UITableViewCell con autolayout margen izquierdo diferente en iPhone y iPad

Me encontré con el mismo problema que tú y se me ocurrió una solución.

Primero, un poco de fondo: Desde iOS 8, las celdas de vista de tabla predeterminadas respetan los layoutMargins de la celda para adaptarse a diferentes rasgos (también conocidas como pantallas, también conocidas como dispositivos). Por ejemplo, los márgenes de diseño en todos los iPhones (excepto iPhone 6 Plus cuando se muestra en una hoja de formulario) son {8, 16, 8, 16}. En iPad son {8, 20, 8, 20}. Así que ahora sabemos que hay 4 píxeles de diferencia, que lo más probable es que su celda de vista de tabla personalizada no respete.

Tu vista de tabla la subclase cell necesita adaptar la restricción de margen izquierdo cuando los layoutMargins cambian.

Aquí está el fragmento de código relevante:

 - (void)layoutMarginsDidChange
{
    [super layoutMarginsDidChange];

    self.leftLayoutMarginConstraint.constant = self.layoutMargins.left;
    self.rightLayoutMarginConstraint.constant = self.layoutMargins.right;
}

Adaptarse a los márgenes de diseño en el código le permite obtener siempre el relleno adecuado para su etiqueta de título.

También puede echar un vistazo a una de mis subclases UITableViewCell que ya respetan layoutMargins: https://github.com/bhr/BHRExtensions/blob/master/BHRExtensions/Utilities/BHRTitleAndValueTableCell.m

Salud

Después de leer las respuestas existentes y no encontrar una solución programática obvia, investigué un poco más y ahora tengo una buena respuesta para cualquier otra persona que enfrente este problema.

En primer lugar, no es necesario establecer preservesSuperviewLayoutMargins a la vista de la celda o la vista de contenido como otro las respuestas implican. Si bien el valor predeterminado es false, cambiarlo a true no tuvo ningún efecto notable que pudiera ver.

La clave para hacer que esto realmente funcione es la propiedad layoutMarginsGuide el UIView. Usando este valor, podemos simplemente fijar fácilmente el leadingAnchor de cualquier subview al leadingAnchor de la guía. Así es como se ve en el código (y muy bien puede ser lo que IB está haciendo detrás de escena como en respuesta de Jonas).

En una subclase UITableViewCell, harías algo como esto: {[18]]}

override func updateConstraints() {
    let margins = contentView.layoutMarginsGuide
    let leading = margins.leadingAnchor
    subview1.leadingAnchor.constraintEqualToAnchor(leading).active = true
    subview2.leadingAnchor.constraintEqualToAnchor(leading).active = true

    super.updateConstraints()
}

Actualización de Swift 4.1

override func updateConstraints() {
    let margins = contentView.layoutMarginsGuide
    let leading = margins.leadingAnchor
    subview1.leadingAnchor.constraint(equalTo: leading).isActive = true
    subview2.leadingAnchor.constraint(equalTo: leading).isActive = true

    super.updateConstraints()
}

Eso es todo! Si está desarrollando para las versiones de iOS anteriores a iOS 9, deberá sustituir los anclajes de diseño y usar el recuadro layoutMargins en su lugar.

Nota: Escribí una biblioteca para hacer el anclaje un poco más bonito, si prefieres una sintaxis más limpia. Se llama SuperLayout y está disponible en Cocoapods. En la parte superior de tu archivo fuente, importa SuperLayout:

import SuperLayout

Y luego en su bloque de diseño, use ~~, ≤≤, y ≥≥ para fijar restricciones:

override func updateConstraints() {
    let margins = contentView.layoutMarginsGuide

    subview1.leadingAnchor ~~ margins.leadingAnchor
    subview2.leadingAnchor ~~ margins.leadingAnchor

    super.updateConstraints()
}

Pude obtener celdas con estilos personalizados alineados con las celdas estándar haciendo lo siguiente:

1. En el Esquema del documento, seleccione la" Vista de contenido " para la celda con el estilo personalizado.
2. Vaya al Inspector de Tamaño.
3. En el menú desplegable "Márgenes de diseño", pulse el símbolo más pequeño junto a "Preservar márgenes de Supervisión."
4. Seleccione la clase de tamaño del iPad, que es "Ancho regular x Altura regular."
5. Marque la casilla de verificación junto a " Preservar Supervisión Margen."
6. Resuelva cualquier advertencia de Diseño automático actualizando los marcos.

Esto funcionó para mí en Xcode 7; espero que también funcione en Xcode 6.

Tuve este problema al probar en un iPad Air, OS 10.1.1. Los encabezados de las tablas estaban sangrados mucho más lejos de lo que deberían haber sido, y era aún peor en la orientación horizontal. Pero estaban bien en iphones hasta OS 11.

La solución sorprendente fue la siguiente línea de código, justo después de que se creó la tabla (Lo siento, solo trabajo en C#, pero es fácil calcular los equivalentes Obj-C y Swift):

myTableView.SeparatorInset = myTableView.SeparatorInset;

Entonces todo estaba sangrando como debería ser!