ios - sirve - tarjetas itunes gratis

Replicación Búsqueda de Google Animación de tarjetas iOS

Question

Estoy tratando de replicar esto en este momento:

Si está familiarizado con la aplicación de Google, parece un UICollectionView con un diseño de flujo personalizado.

Estoy expandiendo una pregunta que se ha cerrado con un código adicional.

Aquí está el enlace a la otra pregunta.

En la clase de diseño de flujo personalizado, puedo crear un efecto "apilado" estableciendo un valor de espaciado de línea mínimo negativo y utilizando lo siguiente:

- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect
{
    NSArray *allAttributesInRect = [super layoutAttributesForElementsInRect:rect];

    CGPoint centerPoint = CGPointMake(CGRectGetMidX(self.collectionView.bounds), CGRectGetMidY(self.collectionView.bounds));

    for (UICollectionViewLayoutAttributes *cellAttributes in allAttributesInRect)
    {
        if (CGRectContainsPoint(cellAttributes.frame, centerPoint))
        {
            cellAttributes.transform = CGAffineTransformIdentity;
            cellAttributes.zIndex = 1.0;
        }
        else
        {
            cellAttributes.transform = CGAffineTransformMakeScale(0.75, 0.75);
        }
    }

    return allAttributesInRect;
}

Deslizar para eliminar animaciones funciona bien, pero tengo problemas para crear el aspecto "apilado" y luego arrastrar solo 1 celda hacia arriba en la vista, mientras mantengo las tarjetas restantes apiladas, como lo que ves arriba.

Answer 1

Veo dos partes de esta vista 1. Una pila de "cartas" y 2. Una tabla de pilas. Romperlo así hace que sea mucho más fácil de manejar.

Debería ser bastante directo UIView a la subclase UIView para crear una "tarjeta" (lo llamaré UICardView ) que puedes arrastrar. Crear una "pila" de estos tampoco debería ser demasiado difícil. Veo que la parte más difícil de esto sería agregar de manera eficiente una sombra paralela.

La segunda parte incluye muchas partes móviles: agregar estas pilas a una mesa. Realmente, la tabla se usa para desplazamiento suave y espaciado uniforme y, en efecto, es completamente transparente. heightForRowAtIndexPath: calcular la altura para cada pila de "tarjetas" para heightForRowAtIndexPath:

Este enfoque permite un desplazamiento suave, una huella de memoria relativamente baja y un alto grado de personalización con relativa facilidad. Además, estas piezas más pequeñas deben ser fáciles de mantener y agregarle características.