Separador UITableView línea

Question

¿Cómo puedo cambiar la línea de separación que aparece al final de cada celda en UITableView? Quiero tener una imagen que es una imagen de línea delgada tipo separador.

Answer 1

Puede agregar un UIImageView que sea, por ejemplo, 1 punto alto y tan ancho como el marco de la celda, y luego establecer su origen en la esquina inferior izquierda de la celda.

Answer 2

Establezca separatorStyle de la tabla vista en UITableViewCellSeparatorStyleNone. Agregue su imagen de separador como subvista a cada celda y configure el marco correctamente.

Answer 3

Tiene 2 opciones para cambiar el estilo de separación de una vista única si desea cambiar las opciones predeterminadas que no son separadores, línea continua o línea grabada.

1. La forma más fácil consisten en la inclusión de una imagen de fondo línea de separación a cada vista de la célula. Puede verificar dónde está ubicada su celda en la vista de tabla para aplicar la imagen de fondo derecha que le dará ya sea una línea separadora en la parte superior de la celda o en la parte inferior de la celda .

   establecer el estilo de separador con ninguno en el viewDidLoad de su tableview:

   [self.tableView setSeparatorStyle: UITableViewCellSeparatorStyleNone];

   Indica tu imagen de fondo en el (UITableViewCell *) tableView: (UITableView *) tableView cellForRowAtIndexPath: (NSIndexPath *) Función indexPath

   UIImage* yourBgImg = [[UIImage imageNamed:@"bgImage.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(5, 5, 5, 5)]; 
   

   cell.backgroundView = [[UIImageView alloc ] initWithImage: yourBgImg];

   de verificación de la posición de la celda en la sección con la siguiente:

   NSInteger sectionRows = [tableView numberOfRowsInSection: [indexPathsection]]; Fila de NSInteger = [fila de indexPath];

2. Agregue la línea de separación como una celda. Me parece un post reciente para este aquí: http://www.dimzzy.com/blog/2012/01/separator-cells-for-uitableview/#disqus_thread

Answer 4

Prueba esto:

UIImageView *separator = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"separator.png"]]; 
[cell.contentView addSubview: separator]; 

Eso es un ejemplo de cómo lo tengo que funciona bastante bien.

Recuerde establecer el estilo de separador para la vista de tabla en ninguno.

Answer 5

primer lugar se puede escribir el código:

{ [self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];} 

después de eso

{ #define cellHeight 80 // You can change according to your req.<br> 
    #define cellWidth 320 // You can change according to your req.<br> 

    -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
    { 
     UIImageView *imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"seprater_line.png"]]; 
     imgView.frame = CGRectMake(0, cellHeight, cellWidth, 1); 
     [customCell.contentView addSubview:imgView]; 
     return customCell; 

    } 
} 

Answer 6

Prueba este

Objetivo C

[TableView setSeparatorStyle:UITableViewCellSeparatorStyleSingleLine]; 

    [TableView setSeparatorColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"Divider_line@2x.png"]]]; 

Swift

tableView.separatorStyle = UITableViewCellSeparatorStyle.SingleLine 
    tableView.separatorColor = UIColor(patternImage: UIImage(named: "YOUR_IMAGE_NAME")!) 

Answer 7

Establecer el color del separador para ser modelado con su imagen.

en viewDidLoad:

self.tableView.separatorColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"mySeparatorImage"]]; 

Answer 8

Aquí es una forma alternativa para agregar una línea de separación personalizada a un UITableView haciendo una CALayer para la imagen y el uso que a medida que la línea de separación.

// crea un CALayer para la imagen de la línea de separación

CALayer *separator = [CALayer layer]; 
separator.contents = (id)[UIImage imageNamed:@"myImage.png"].CGImage; 
separator.frame = CGRectMake(0, 54, self.view.frame.size.width, 2); 
[cell.layer addSublayer:separator]; 

Answer 9

Mi proyecto se basa en iOS 7 Esto me ayuda

[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];

continuación, poner una subvista en la celda como ¡separador!

Answer 10

se puede tratar a continuación:

UIView *separator = [[UIView alloc] initWithFrame:CGRectMake(0, cell.contentView.frame.size.height - 1.0, cell.contentView.frame.size.width, 1)]; 
separator.backgroundColor = myColor; 
[cell.contentView addSubview:separator]; 

o

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"separator.png"]]; 
    imageView.frame = CGRectMake(0, 100, 320, 1); 
    [customCell.contentView addSubview:imageView]; 

    return customCell; 
} 

Answer 11

Esto es de gran ayuda. Trabajando. pero configure el separador "ninguno" del inspector de atributos. Escribir código siguiente en cellForRowAtIndexPath método

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0,   
cell.contentView.frame.size.height - 1.0,  
cell.contentView.frame.size.width, 1)]; 

    lineView.backgroundColor = [UIColor blackColor]; 
    [cell.contentView addSubview:lineView]; 

Answer 12

Swift 3/4

personalizada línea de separación, poner este código en una celda personalizado que es una subclase de UITableViewCell (o en CellForRow o WillDisplay TableViewDelegates de celda personalizado no):

let separatorLine = UIImageView.init(frame: CGRect(x: 8, y: 64, width: cell.frame.width - 16, height: 2)) 
separatorLine.backgroundColor = .blue 
addSubview(separatorLine) 

Answer 13

forma más sencilla de agregar una línea de separación en cada célula tableview se puede hacer de t el guión gráfico en sí mismo. Primero seleccione la vista de tabla, luego en el inspector de atributos seleccione la propiedad de la línea de separación para que sea una sola línea. Después de esto, seleccione la inserción del separador para que sea personalizada y actualice la inserción izquierda para que sea 0 desde la izquierda.

Example