拉动缩放动画

Pull to Zoom Animation(拉动缩放动画)

本文介绍了拉动缩放动画的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我们中的许多人一定遇到过像

如果将它与 ViewPagerIndicator 库结合使用,您几乎可以获得 Tinder 的个人资料页面功能集

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

Many of us must have come across apps like Tinder and Dripper where you can pull down on the view containing an image and the image zooms in. And then when you let it go, the image zooms out to go back to its origin state.

Let's take an example from Tinder :

Original State: and Zoomed-in state when pulled:

In iOS it is done by

- (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);
    }

}

Since my expertise in Objective C and iOS is very limited, I am not being able to implement it in Android.

Here is what I think should be done :

  • catch the pull-down gesture
  • increase the height of the view by the pull amount
  • do some sort of scale animation on the Image to fit it in the expanded view

Does anyone have any idea if there is any library that could be used for this purpose?

解决方案

Check out this project:

https://github.com/Gnod/ParallaxListView

If you combine it with the ViewPagerIndicator library, you pretty much get Tinder's profile page feature set

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

这篇关于拉动缩放动画的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:拉动缩放动画

基础教程推荐