2011-09-06 8 views
7

Desidero creare un'animazione per il testo come in Aeroporto. Scendendo dall'alto e cambiando il testo su di esso. Ecco l'immagine. Quindi quando clicco sul pulsante il testo sull'immagine dovrebbe cambiare con la suddetta animazione. È possibile con Android?Animazione personalizzata Android come scheda di pianificazione dell'aeroporto

enter image description here

Per favore mi guida come posso realizzare questo tipo di animazione in Android?

EDIT:

<?xml version="1.0" encoding="utf-8"?> 
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false"> 
    <item android:drawable="@drawable/clockbg1" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg2" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg3" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg4" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg5" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg6" android:duration="150" /> 
</animation-list> 

Mia Attività Classe:

public class XMLAnimation extends Activity { 
private static AnimationDrawable animation; 
private ImageView refresh; 

@Override 
public void onCreate(Bundle icicle) { 
    super.onCreate(icicle); 
    setContentView(R.layout.main); 

    refresh = (ImageView) findViewById(R.id.simple_anim); 
    refresh.setBackgroundResource(R.drawable.loader_animation); 
    animation = (AnimationDrawable) refresh.getBackground(); 
} 

@Override 
public void onWindowFocusChanged(boolean hasFocus) { 
    super.onWindowFocusChanged(hasFocus); 
    animation.start(); 
} 

enter image description here enter image description here enter image description here enter image description here enter image description here enter image description here

Ora Come posizionare il testo animato verticalmente su queste immagini in modo che assomigli all'animazione che volevo creare?

Grazie, AndroidVogue

+0

Mi hai dato un bel lavoro da fare :) – ingsaurabh

+0

@ingsaurabh, Sì, lo è. Voglio implementarlo per il mio piccolo progetto. –

+0

@AndroidVogue Intendi come se HTC Mobile avesse Digital Clock. – Herry

risposta

0

Ho una libreria funzionante. Originariamente sviluppato da qualcun altro ma ho fornito il supporto per la versione down da Froyo. Spero che questo ti possa aiutare.

AbhanFlipView

Rif:

libreria sviluppata da: Emil Sjölander animazioni Creato da: Jake Wharton

UPDATE

E 'un documento denominato HowTo.txt mostra come integrare.

Grazie.

+0

Fantastico. Grazie a @Abhan, @JakeWharton, @EmilSjolander. Finalmente posso integrare nel progetto per sostituire la vecchia idea usando le immagini con animazione come fa HTC. Grazie mille ragazzi. –

+0

la libreria è stata rimossa? Errore 404. –

+0

@AmolGupta Sì, purtroppo, tutto il repository rimosso. Ci dispiace per l'inconvenienza. Sono sicuro che otterrai una specie di progetto open source. –

1

Non è esattamente la cosa che si desidera, ma c'è un bel tutorial in 3 parti da Kevin Dion che inizia here per la creazione di un widget contachilometri personalizzato che sembra qualcosa di simile a ciò che si desidera. Dovrebbe aiutarti a iniziare.

Per ottenere l'effetto della caduta della metà superiore delle lettere (se questo è ciò che si desidera), è possibile simularlo disegnando la lettera in un'immagine buffer e quindi ridimensionando l'estensione verticale della lettera per ottenere uno scorcio effetto.

+0

Grazie per l'iniziale. Ci lavoro su. –

+0

Per favore fammi sapere come ridimensionare il testo in posizione verticale. Ho usato l'animazione per capovolgere la pagina e la pagina si sposta verticalmente come voglio ma non mi viene in mente l'animazione del testo. Ho aggiornato il mio codice. Per favore guarda. Grazie –

+0

Chiamiamo ciascuna metà del display una "foglia".Per disegnare una lettera, procederei in questo modo: crea due bitmap della dimensione di una foglia. Disegna la lettera in entrambe le bitmap, ridimensiona e posiziona il testo in modo che la metà copra una bitmap e metà copra l'altra. Quindi disegna ciascuna Bitmap nella foglia corrispondente utilizzando la versione di conversione/conversione di [Graphics.drawBitmap] (http://developer.android.com/reference/android/graphics/Canvas.html#drawBitmap (android.graphics.Bitmap, android .graphics.Rect, android.graphics.Rect, android.graphics.Paint)) dopo aver calcolato il ridimensionamento necessario per ogni metà. –

Problemi correlati