Tirare per Zoom Animazione

Question

Molti di noi deve avere incontrato applicazioni come Tinder e Dripper dove si può tirare verso il basso la vista contenente un'immagine e l'immagine ingrandisce. E poi, quando si lascia andare, l'immagine zoom indietro per tornare al suo stato di origine.

Prendiamo un esempio da Tinder:

Stato originale: e Zoomed-in stato quando ha tirato:

In iOS si è fatto da

- (void)viewDidLoad { 
    [super viewDidLoad]; 

    self.imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"church-welcome.png"]]; 
    self.imageView.contentMode = UIViewContentModeScaleAspectFill; 
    self.cachedImageViewSize = self.imageView.frame; 
    [self.tableView addSubview:self.imageView]; 
    [self.tableView sendSubviewToBack:self.imageView]; 
    self.tableView.tableHeaderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 170)]; 

} 

- (void)scrollViewDidScroll:(UIScrollView *)scrollView { 

    CGFloat y = -scrollView.contentOffset.y; 
    if (y > 0) { 
     self.imageView.frame = CGRectMake(0, scrollView.contentOffset.y, self.cachedImageViewSize.size.width+y, self.cachedImageViewSize.size.height+y); 
     self.imageView.center = CGPointMake(self.view.center.x, self.imageView.center.y); 
    } 

} 

Poiché la mia esperienza in Objective C e iOS è molto limitata, non sono in grado di implementarlo in Android.

Ecco quello che penso dovrebbe essere fatto:

• pescato del pull-down gesto
• aumentare l'altezza della vista per l'importo di tiro
• fare una sorta di animazione scala sul Immagine per adattarlo nella vista espansa

Qualcuno ha qualche idea se esiste una libreria che potrebbe essere utilizzata per questo scopo?

Answer 1

Partenza questo progetto:

https://github.com/Gnod/ParallaxListView

Se combinalo con th biblioteca e ViewPagerIndicator, è praticamente ottiene caratteristica Pagina profilo di Esca impostato

https://github.com/JakeWharton/Android-ViewPagerIndicator

Answer 2

Penso che il modo più semplice sia quello di sovrascrivere il metodo onTouchEvent di View.

Qualcosa di simile a questo:

boolean inZoom = false; 
float prevY = 0; 

@Override 
public boolean onTouchEvent(MotionEvent event) { 
    float eventY = event.getY(); 
    float eventX = event.getX(); 
    switch (event.getAction()) { 
    case MotionEvent.ACTION_DOWN: 
     if(touchedTheImage(eventX, eventY)){ 
      setZoomCenter(eventX, eventY); 
      prevY = eventY; 
      inZoom = true; 
      return true; 
     } 
     break; 
    case MotionEvent.ACTION_MOVE: 
     if(inZoom){ 
      changeZoomLevel(prevY, eventY); 
      return true; 
     } 
     break; 
    case MotionEvent.ACTION_UP: 
     if(inZoom){ 
      resetZoomLevel(); 
      inZoom = false; 
      return true; 
     } 
     break; 
    } 
    return false; 
} 

EDIT: per la parte di animazione considerare questo post: https://stackoverflow.com/a/6650473/3568892