¿Cómo puedo dibujar una vista animada en Android?

Question

Creé una vista personalizada desde cero. Extendido View y anulado onDraw(). Cuando se reduce la animación de la vista, genero una animación personalizada utilizando compensaciones. por ej.

while(!isOnTop){ 
mOffset++; 

//draw the component a a it higher using the offset 

if(position == 0) 
isOnTop==true; 
invalidate(); 

} 

La idea es que mis marcos vienen de invalidarlo. El problema es que la invalidación de esta vista puede venir simplemente desplazando una vista de lista en la misma pantalla.

Esta "invalidación compartida()" causa un retraso en mi animación. ¿Hay alguna manera de salir de ese retraso?

¿Tiene alguna otra sugerencia de realizar animaciones en ese entorno compartido? Crear una animación usando un hilo separado que calcula el desplazamiento también necesita llamadas de invalidación forzadas() para mostrar la animación (corríjame si estoy equivocado).

¿La única solución para realizar la animación es, por ejemplo, 10 solicitudes de invalidación con un paso más grande? Se aliviará el retraso, pero creo que puedo usar un enfoque diferente sobre eso.

Answer 1

Dado que esta pregunta tiene cierto interés, responderé.

La mejor manera de hacerlo es tener un hilo de lienzo por separado. Un lienzo "separado" solo se puede lograr con un SurfaceView. LunarLanding es un excelente ejemplo de ese uso. Cada cuadro se calcula por separado de la vista principal, compartiendo solo el tiempo de CPU, no el tiempo de dibujo. Por lo tanto, es más rápido, incluso con la combinación de, por ejemplo, una vista normal en la parte superior y una vista animada en la parte inferior.

Pero debe establecer un intervalo si se encuentra en ese entorno compartido. Ese intervalo se usa para el límite de FPS. Si no configura el límite de FPS, la CPU se ejecutará de forma salvaje logrando obtener una buena animación en el SurfaceView si estuviera solo. Limitarlo a 60 fps o incluso menos hará el truco para dibujar todas las vistas de manera eficiente sin sobrecarga de la CPU.

Así que vea el hilo de dibujo del Lunar Landing de las demostraciones de la API y establezca un límite de FPS.

private long timeNow; 
    private long timeDelta; 
    private long timePrevFrame; 

    private void capFps(int fps) { 
      timeNow = System.currentTimeMillis(); 
      timeDelta = timeNow - timePrevFrame;   

      try { 

// ps siempre se puede fijar en lugar de 16 1000/60 fps fps para evitar el cálculo cada vez que

Thread.sleep((1000/fps) - timeDelta); 
      } catch (InterruptedException e) { 

      } 

      timePrevFrame = System.currentTimeMillis(); 
    } 

y luego el hilo de dibujo se verá algo como esto:

@Override 
    public void run() { 
     Canvas c; 

     while (run) { 
      c = null; 
      sleepFps(60, false); 
      try { 
       synchronized (surfaceHolder) { 
        c = surfaceHolder.lockCanvas(null); 
        widgetView.doDraw(c); 
       } 
      } finally { 
       if (c != null) { 
        surfaceHolder.unlockCanvasAndPost(c); 
       } 
      } 

     } 
    } 

Answer 2

"Lo que es mejor", por supuesto, depende en gran medida de exactamente lo que está tratando de hacer. No has dicho lo que intentas lograr, así que solo podemos adivinar qué es lo mejor para ti.

Aquí hay algunas cosas simples:

• Si desea animar marcos de mapa de bits, utilizar AnimationDrawable: http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html

• Si desea animar el movimiento de puntos de vista dentro de su jerarquía, utilice la vista marco de animación: http://developer.android.com/guide/topics/graphics/view-animation.html

• El nuevo marco de animación más general puede hacer muchas más cosas y es a menudo más fácil de usar: http://developer.android.com/guide/topics/graphics/animation.html. Esto está disponible de forma nativa en Android 3.0+, pero también se puede usar en Android API nivel 7 con la biblioteca de soporte v7.

• Si desea escribir un widget personalizado que sea una parte integrada de su jerarquía de vistas y realice manualmente su propio dibujo de animación, puede usar un controlador para sincronizar las actualizaciones (generalmente querrá 60fps o 20ms entre cada invalidar()) y luego en su método onDraw() dibujar el estado de su vista basado en SystemClock.uptimeMillis() como un delta desde el inicio de la animación.

Aquí es un simple invalidate repitió usando Handler:

long mAnimStartTime; 

Handler mHandler = new Handler(); 
Runnable mTick = new Runnable() { 
    public void run() { 
     invalidate(); 
     mHandler.postDelayed(this, 20); // 20ms == 60fps 
    } 
} 

void startAnimation() { 
    mAnimStartTime = SystemClock.uptimeMillis(); 
    mHandler.removeCallbacks(mTick); 
    mHandler.post(mTick); 
} 

void stopAnimation() { 
    mHandler.removeCallbacks(mTick); 
}