Red de conocimiento informático - Material del sitio web - Cómo implementar la animación de transición de la aplicación Ping

Cómo implementar la animación de transición de la aplicación Ping

La clase CATransition implementa animación de transición de capas. Puede especificar efectos de transición a partir de un conjunto de transiciones predefinidas o proporcionando una instancia de CIFilter personalizada.

//Definir una animación de transición

CATransition *animation = [CATransition Animation];

//Duración de la animación de transición

animación .duration = 0.2f;

//Función de sincronización, ¿suavidad de principio a fin?

animation.timingFunction=UIViewAnimationCurveEaseInOut;

//Tipo de animación de transición

animation.type = kCATransitionReveal;

//Transición La dirección la animación continuará

animation.subtype = kCATransitionFromBottom;

//La implementación que necesitas para la animación

self.tabBarController.tabBar.hidden = YES <; /p>

//Agregar animación (la animación de transición es una animación agregada en la capa)

self.tabBarController.tabBar.layer addAnimation: animación forKey: @"animation"];

p>

Descripción:

duración: la duración de la animación.

TimingFunction: No entiendo (alguien puede explicarlo por favor)

Tipo: El tipo de animación de transición. Si el atributo de filtro se especifica en una animación de transición personalizada, este atributo se ignorará.

type*** tiene cuatro tipos:

NSString * const kCATransitionFade; // desaparece gradualmente

NSString * const kCATransitionMoveIn // entra

NSString * const kCATransitionPush; //Traducción (llamémoslo así por ahora)

NSString * const kCATransitionReveal; //Revelar

El tipo predeterminado es kCATransitionFade.

subtipo: La dirección en la que irá la animación de transición.

Hay cuatro tipos de subtpye:

NSString * const kCATransitionFromRight;

NSString * const kCATransitionFromLeft

NSString * const kCATransitionFromTop;

NSString * const kCATransitionFromBottom;

La dirección predeterminada es nula.

[self.tabBarController.tabBar.layer addAnimation: animación forKey: @"animation"];

¡La animación de transición se agrega a la capa!

cambiar (btn.tag) {

caso 0:

animation.type = @"cubo" //---cubo

break;

caso 1:

animation.type = @"suckEffect"; //103 efecto de succión

break;

caso 2: //Efecto de volteo antes y después

animation.type = @"oglFlip"; //Cuando el subtipo es "fromLeft" o "fromRight", es el oficial.

break;

caso 3:

animation.type = @"rippleEffect"; //110 efecto dominó

break;

caso 4:

animation.type = @"pageCurl"; //101 pasa la página

salto;

caso 5:

animation.type = @"pageUnCurl"; //102 página hacia abajo

descanso;

caso 6:

animation.type = @" cameraIrisHollowOpen ";//107//La cámara está abierta

descanso;

caso 7:

animation.type = @"cameraIrisHollowClose";//106 La la cámara está cerrada

descanso

predeterminado:

descanso

}