Poner una vista personalizada en un UITableView

Question

Tengo un UITableView de estilo regular, el que tiene un fondo blanco y líneas horizontales grises para separar las filas.

Tengo otra UIView personalizada que es solo un rectángulo de 100x100 lleno de redColor.

¿Cómo puedo poner este último en el anterior, de modo que aparece sobre líneas horizontales, pero sigue siendo una "parte" de la vista de tabla en el sentido de que cuando me desplazo por la vista de tabla, el rojo ver desplaza con eso? De hecho, también debería poder poner mi dedo sobre el área roja y desplazarme por la vista de tabla.

Una vez más, si la vista roja se superpone a algunas líneas horizontales, debería aparecer sobre líneas. Tristemente, cuando solo agrego la vista roja como una subvista a la vista de tabla, las líneas horizontales pasan por la vista roja; ver this screenshot.

¿Cómo se puede lograr esto?

Answer 1

EDITAR

Si está intentando agregar la vista a por encima de las líneas (oculte las líneas) intente utilizar – bringSubviewToFront: para llevarlo al frente de la vista de tabla.

[self.tableView bringSubviewToFront:redView]; 

ELSE

Añadir la vista al self.tableView.tableHeaderView esto lo colocará por encima de la vista de tabla y se desplazará a la vista de tabla.

UIView *redView = [[UIView alloc]init]; 
    redView.frame = //set the frame 
    redView.backgroundColor = [UIColor redColor]; 
    self.tableView.tableHeaderView = redView; 

buena suerte

Answer 2

Haga que su vista sea una subvista de cualquier subvista normal del UITableView: un encabezado, un pie de página o cualquier UITableViewCell.

Answer 3

Sólo tiene que añadir esta vista para UITableView como subvista:

[tableView addSubview:myRedView]; 

Ver userInteractionEnabled propiedad con el fin de manejar la interacción y el desplazamiento.

Answer 4

Creo que lo que ha descrito se puede lograr mejor utilizando un UITableViewCell o incluso una subvista del encabezado. Una celda tiene la capacidad inherente de desplazarse por la tabla y se puede personalizar de la forma que desee. Es esencialmente una vista.

En su situación, por ejemplo, es posible que desee que aparezca el cuadro rojo de forma predeterminada en la parte superior de la tabla. Haría de la primera celda una celda de "caja roja", donde insertaría su casilla roja en la vista de contenido de la celda.

Answer 5

Por lo tanto, su problema es básicamente que las UITableViewCells de una UITableView se agregan como subvistas dinámicamente y no puede controlar si se agregan al frente o detrás de su vista.

Para mantener su vista en la parte delantera, debe volver a colocarla allí cada vez que se agreguen celdas, lo que ocurre cuando se desplaza la UITableView.

yo sugeriría que intenta añadir la vista personalizada como una vista secundaria y luego anular -scrollViewDidScroll así:

- (void)scrollViewDidScroll { 
    [super scrollViewDidScroll]; 
    // myCustomView is your custom view referenced in an IVar 
    [self.tableView bringSubviewToFront:myCustomView]; 
} 

Answer 6

Editar su delegado viewWillAppear con estas líneas

UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(30,30, 100, 100)]; 
redView.backgroundColor=[UIColor redColor]; 
[self.tableView addSubview:redView]; 

Answer 7

El lugar correcto para manejar el orden de apilamiento de su cuadrado rojo es en el método layoutSubviews. La vista de tabla se envía a sí misma layoutSubviews cada vez que agrega o elimina subvistas (y en otros momentos).

Usted necesita hacer una subclase de UITableView que tiene una referencia a la plaza roja:

@interface MyTableView : UITableView 

@property (weak, readonly) IBOutlet UIView *redSquare; 

@end 

Puede inicializar redSquare en cualquier forma que desee. Acabo de poner en mis punta junto con la vista de tabla, y se trasladó a ser una vista secundaria de la tabla general awakeFromNib:

@implementation MyTableView 

@synthesize redSquare = _redSquare; 

- (void)awakeFromNib { 
    [self addSubview:self.redSquare]; 
} 

De todos modos, para hacer realidad de que el cuadrado rojo siempre está encima de la mesa células y líneas de la cuadrícula, anular layoutSubviews así:

- (void)layoutSubviews { 
    [super layoutSubviews]; 
    [self bringSubviewToFront:self.redSquare]; 
}