6

Sto cercando di familiarizzare con le nuove linee guida di progettazione di Android Lollipop. Quindi, specialmente per le animazioni, cerco di ottenere qualcosa come queste animazioni dettagliate per icone o pulsanti: http://www.google.com/design/spec/animation/delightful-details.htmlAndroid: animazione di dettaglio all'interno del pulsante di azione mobile

Mi chiedevo come hanno fatto?

Nel mio caso particolare, ho un pulsante di azione mobile, che viene utilizzato per rilasciare un articolo in un carrello della spesa. Dopo che l'utente preme il pulsante, voglio animare l'icona drawable all'interno di quel pulsante. L'animazione deve avere un effetto scorrevole in cui il carrello viene spostato verso la parte inferiore del pulsante e il segno di spunta viene spostato dalla parte superiore del pulsante.

enter image description here enter image description here

Ho trovato un ViewFlipper (http://www.inter-fuser.com/2009/07/android-transistions-slide-in-and-slide.html), ma voglio mantenere il pulsante posto e animare solo l'icona all'interno del pulsante.

D'altra parte ho trovato AnimationDrawables (http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html) ma lì, devo creare ogni frame a mano, che è anche dispari.

Qual è il modo migliore per raggiungere questo obiettivo?

+0

Hai già un layout? –

+0

Meglio per te creare il tuo pulsante fab. Usa CardView, fallo intorno all'attributo corner. assicurati che abbia uguale larghezza e altezza. Dopodiché aggiungi il cardElevetion ora il tuo cardview sarà mobile. Aggiungi un ImageView, quindi dai un po 'di padding a CardView in modo che tu possa vedere qualcosa di simile a FAB. Ora puoi animare la tua ImageView secondo i tuoi desideri all'interno di CardView. Alla fine dell'Animazione puoi cambiare l'icona di ImageView. –

risposta

0

Mi chiedo se il supporto favoloso che ora, tuttavia, è sempre possibile creare il proprio.

Creare un layout lineare personalizzato che contenga la vista dell'immagine. Rendilo come round favoloso. È quindi possibile guardare questa animazione examples

Spero che aiuti. Codifiche felici.

0

È possibile utilizzare un'animazione di fotogramma: si creano 15-20 fotogrammi per l'animazione che si desidera effettuare. Si crea un elenco drawable di animazione, per esempio animation_list.xml:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
android:oneshot="true"> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_01"/> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_02"/> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_03"/> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_04"/> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_05"/> 
<item 
    android:duration="50" 
    android:drawable="@drawable/frame_06"/></animation-list> 

Poi si mette questo drawable come src dentro la vostra abitudine FAB. Ora puoi avviare l'animazione fotogramma per fotogramma (al termine dell'animazione FAB):

ImageView mImageViewFilling = (ImageView) findViewById(R.id.animated_imageview); 
((AnimationDrawable) mImageViewFilling.getBackground()).start(); 
Problemi correlati