Effet de défilement iOS Parallax (comme dans l'application Yahoo News Digest)

Je voudrais savoir comment faire pour mettre en œuvre la parallaxe défilement similaire à Yahoo News Digest app. Dans laquelle, lorsque l'utilisateur de faire défiler horizontalement l'image de fond défile à une vitesse différente avec la pagination est activée.

Peut-être qu'ils le font avec une ScrollView avec un arrière-plan de la vue. Pas exactement. Astuce pour mettre en œuvre de tels défilement serait génial. J'ai vérifié des questions similaires, mais ne pouvait pas trouver la réponse que je cherchais.

source d'informationauteur Tharindu Madushanka

  1. 21

    Je l'ai fait avant avec 2 scrollviews.

    Les principaux détails de défilement de la vue et de la parallaxe défilement de la vue derrière elle (ou là où vous le voulez).

    Alors vous devenez le délégué du détail scrollview.

    Dans la méthode scrollView:didScroll vous pouvez alors ajuster le défilement de la parallaxe de la vue.

    Si vous êtes juste faire de l'axe x, alors vous voulez quelque chose comme ça...

    CGFloat detailMaxOffset = self.detailScrollView.contentSize.width - CGRectGetWidth(self.scrollView.frame);

CGFloat percentage = self.detailScrollView.contentOffset.x / maxOffset;

CGFloat parallaxMaxOffset = self.parallaxScrollView.contentSize.width - CGRectGetWidth(self.parallaxScrollView.frame);

[self.parallaxScrollView setContentOffset:CGPointMake(percentage * parallaxOffset, 0);

    L'scrollviews le décalage du contenu "pourcentage" d'être le même sur chaque.

    Pour obtenir l'effet de parallaxe, vous avez juste besoin de faire l' contentSize de chaque scrollview différents.

    Si la parallaxe défilement de la vue a une plus grande taille du contenu que le détail de défilement en vue de faire défiler plus rapidement. Si il a une plus petite taille du contenu, faire défiler plus lentement.

  2. 11

    Voici la réponse. Je sous-classe de uitableview afin que les données puissent être réutilisables et l'envelopper dans une uiview. https://github.com/michaelhenry/MHYahooParallaxView

    Grâce,
    Kel

  3. 0

    100% de travail et le barrage facile

    Prendre une vue sur imageview exactement la taille d'affichage de l'image.
    par défaut alpha pour l'ensemble de vues 0.

    //MARK: Scroll View Delegate methods
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

  NSLog(@"X: %f Y: %f",scrollView.contentOffset.x,scrollView.contentOffset.y);

CGFloat scrollY = _mainScrollView.contentOffset.y;
CGFloat height = _alphaView.frame.size.height;

CGFloat alphaMonitor = scrollY/height;

_alphaView.alpha = alphaMonitor;
}
  4. 0

    Swift 3

    Voici comment j'ai obtenu un effet de parallaxe pour travailler dans Swift 3 pour un défilement vertical dans un tvOS app.

    Dans Le ViewDidLoad():

        parallaxScrollView.delegate = self
    detailScrollView.delegate = self

    Et suivants: 

    override func viewDidLayoutSubviews() {
        self.detailScrollView!.contentSize = CGSize(width: 1920, height: 2700)
        self.parallaxScrollView?.contentSize = CGSize(width: 1920, height: 3000)
    }


////THE SCROLL VIEW

func scrollViewDidScroll(_ scrollView: UIScrollView) {

    //Parallax effect
    let detailMaxOffset = self.detailScrollView.contentSize.height - self.detailScrollView.frame.height;
    let percentage = self.detailScrollView.contentOffset.y / detailMaxOffset
    let parallaxMaxOffset = self.parallaxScrollView.contentSize.height - self.parallaxScrollView.frame.height;
    let parallaxOffset = CGPoint(x:0,y:(percentage * parallaxMaxOffset))
    self.parallaxScrollView.setContentOffset((parallaxOffset), animated: false)

}