Cómo lograr el efecto de carga de Kuaishou

El código para el efecto de carga de Kuaishou se puede lograr mediante el software CSS3:

CABasicAnimation *scaleAnimation = [animación CABasicAnimation].

scaleAnimation.keyPath = @"transform.scale.x".

scaleAnimation.fromValue = @(1.0f).

scaleAnimation.toValue = @(1.0f * ScreenWidth).

La clave es scaleAnimation.keyPath = @"transform.scale.x"; aquí necesitamos escalar a lo largo de x.

El valor de escala varía de 1 al ancho de la pantalla. Por supuesto, puedes controlar el valor tú mismo.

Si @"transform.scale.y" se escala a lo largo del eje Y.

Por supuesto, si está escrito como @"transform.scale", entonces X e Y se escalarán juntos. Puedes probarlo.

CSS3 es una versión mejorada de la tecnología CSS (Cascading Style Sheets). Fue formulada en 1999. El 23 de mayo de 2001, el W3C completó el borrador de trabajo de CSS3, que incluye principalmente el modelo de caja, el módulo de lista y. hipervínculo, módulo de idioma, fondo y borde, efectos de texto, diseño de varias columnas y otros módulos.

El resumen es el siguiente:

¿La técnica de animación es escalar? transform.scale.y ¿La capa escala desde un punto y aparecerá el efecto de carga?