iOS 8 UITableView inserto: se hai celle con layout personalizzato, probabilmente avrai questo problema anche

Question

Su iOS 8, per i dispositivi più grandi, sembra che l'inserto predefinito di tableView cambi. Se stai creando celle personalizzate e abbinandone il vincolo di layout sinistro alla dimensione predefinita 15 per una cella, il layout apparirà corretto su dispositivi più piccoli, ma su dispositivi più grandi in cui l'insetto cambia otterrai qualcosa di simile al seguente :

---

---

Come posso risolvere questo problema?

Answer 1

riuscito a scrivere qualcosa che sembra lavorare bene. Se c'è una soluzione più carina, per favore condividi.

@interface InsetRespectingTableViewCell() 

@property (nonatomic) IBOutlet NSLayoutConstraint * leftContentInset; 
@property (nonatomic) IBOutlet NSLayoutConstraint * rightContentInset; 

@end 

@implementation InsetRespectingTableViewCell 


- (UITableView *)tableView { 

    UIView *view; 
    for (view = self.superview; ![view isKindOfClass:UITableView.class] && view; view = view.superview); 
    return (UITableView *)view; 

} 

- (void)updateInset { 

    CGFloat defaultInset = [self tableView].separatorInset.left; 
    self.leftContentInset.constant = defaultInset; 
    self.rightContentInset.constant = defaultInset; 

} 

- (void)didMoveToSuperview { 

    [super didMoveToSuperview]; 
    [self updateInset]; 

} 

Answer 2

Non esiste alcuna opzione/proprietà in Xcode6 per risolverlo. C'è un metodo setter setSepratorInset che imposta il valore di inset. Ma non possiamo passare (-ve) valore a <#CGFloat left#> per avviarlo da sinistra. Come il suo valore minimo è sempre 0.

[tableView setSeparatorInset:UIEdgeInsetsMake(<#CGFloat top#T, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>)]; 

Se si desidera ottenere è risolvere poi nascondere la linea di separazione e aggiungere un IMAGEVIEW di 1px con la larghezza desiderata per creare una linea e inserirlo alla cella e che la volontà anche lo stesso aspetto su ogni dispositivo.

Answer 3

Sono stato in grado di utilizzare i vincoli di dimensioni per abbinare l'aspetto su tutto tranne l'iPhone 6+, purché bloccato con iOS 8. Risolvere l'aspetto su iOS 8 lo ha rotto su iOS 7. L'approccio di base che ho usato è stato quello di impostare i vincoli in modo diverso per "Regular Larghezza | Qualsiasi Altezza" e sull'uso di inserti di 13 px invece di 7 px:

1. definire il layout vista utilizzando layout automatico con +/- spazio 7 px a super contenitore.
2. Selezionare il vincolo di layout dall'elenco a sinistra
3. Nell'editor di proprietà all'estrema destra, fare clic su (+) accanto a costante e selezionare "Larghezza regolare | Qualsiasi altezza" dal popup. Questo aggiungerà una nuova riga sotto Costante.
4. modificare il valore da 7 a 13.

non è una soluzione completa, ma è un inizio.

Answer 4

Nella cella personalizzata è possibile ignorare layoutSubviews e specificare l'inserto desiderato.

Da: https://developer.apple.com/library/IOs/documentation/UIKit/Reference/UIView_Class/index.html#//apple_ref/occ/instm/UIView/layoutSubviews

"Si dovrebbe ignorare questo metodo solo se i comportamenti ridimensionamento automatico e vincoli a base dei subviews non offrono il comportamento desiderato"

Answer 5

È molto interessante.

Nel progetto creato da Xcode5 l'inserto sinistro del separatore è 15/15/16 (iPhone5s/iPhone6 ​​/ iPhone6P).

E nel progetto creato da Xcode6 è 16/16/20 (iPhone5s/iPhone6 ​​/ iPhone6P).

Nel mio caso, disattivo il separatore predefinito in tableView e ho creato una baseCell per ridisegnare il separatore.

link: https://github.com/jshl8612/UTableViewBaseCell

spera che aiuta un po '.

Answer 6

Nota - se è necessario aggiungere una vera linea un pixel, non ingannare con un'immagine, utilizzare questo:

@interface UILine : UIView 
@end 

@implementation UILine 

-(void)awakeFromNib 
    { 
    float sortaPixel = 1.0/[UIScreen mainScreen].scale; 

    // float sortaPixel = 1.0/self.contentScaleFactor; 
    // -- recall, that does NOT work when loading from storyboard! 

    UIView *line = [[UIView alloc] initWithFrame: 
    CGRectMake(0, 0, self.frame.size.width, sortaPixel)]; 

    line.userInteractionEnabled = NO; 
    line.backgroundColor = self.backgroundColor; 

    line.autoresizingMask = UIViewAutoresizingFlexibleWidth; 

    [self addSubview:line]; 

    self.backgroundColor = [UIColor clearColor]; 
    self.userInteractionEnabled = NO; 
    } 

@end 

Come utilizzare in storyboard, basta fare un UIView che è nel posto esatto, e la larghezza esatta, tu vuoi. (Naturalmente, allungalo alla larghezza, o qualsiasi altra cosa sia necessaria.)

Basta fare la vista - diciamo - 5 pr ad alta 6 pixel - puramente per poterla vedere correttamente. (Non importa quanto in alto si rendono nello storyboard.)

(fare la parte superiore del UIView esattamente dove si desidera che la linea di single-pixel.)

Rendere l'UIView qualsiasi colore desiderato, probabilmente nero.

Modificare la classe su UILine. In fase di esecuzione disegnerà una perfetta linea a pixel singolo nella posizione esatta su tutti i dispositivi.

Spero che questo aiuti in questo modo.

Answer 7

Ecco come può essere risolto.

@IBOutlet weak var leftViewLeadingConstraint: NSLayoutConstraint! 

override func viewWillLayoutSubviews() { 
    super.viewWillLayoutSubviews() 
    switch UIScreen.mainScreen().scale { 
    case 2: 
     leftViewLeadingConstraint.constant = 7.0 
    case 3: 
     leftViewLeadingConstraint.constant = 11.0 
    default: 
     assertionFailure("Error: wrong scale value") 
    } 
}