Wie kann ich ein Bild anzeigen, das automatisch im Hintergrund meines uiviewcontrollers in Swift scrollt?

Question

In meiner schnellen App habe ich eine UIViewController mit einigen Tasten und Etiketten. Ich dachte, es wäre cool, ein Bild im Hintergrund zu haben, das automatisch langsam von rechts nach links scrollt (gleitet). Ich schaffe es, in den Hintergrund zu setzen UIImageView und zugewiesene Einschränkungen, so dass es die gesamte Palette bedeckt, aber ich bin mir nicht sicher, wie kann ich das Foto darin scrollen.

Ich habe eine PNG-Datei im Verhältnis von 21:9 - ist es möglich, es dann zu scrollen?

Answer 1

Sie verwenden uiview Animationen für dieses

UIView.animateWithDuration(2, delay: 0.4, 
    options: [.Repeat, .Autoreverse, .CurveEaseInOut], animations: { 
     // scroll automatically using scroll view method (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated.Keep animated NO**strong text**.you can scroll horizontally or vertically using offset. 

    }, completion: nil) 

können Sie andere Animation überprüfen options.I vor Animieren scroll nicht versucht haben. Hoffe, das hilft ... :)

Answer 2

Setzen Sie Ihr Bild in einem Scrollview und ändern Sie den Inhalt Offset der Scrollview in einem NSTimer. Überprüfen Sie diesen Link: https://stackoverflow.com/a/3694455/6080920

Answer 3

1. andere UIImageView Erstellen und beschränkt es zu Ihrem ursprünglichen UIImageView durch die neue Ansicht führenden Anker der alten Ansicht der hinteren Anker einzuschränken.

2. Erstellen Sie eine IBOutlet für die leading Ankerbeschränkung für das Original UIImageView.

3. Legen Sie das Bild des neuen imageView so fest wie im Originalbild.

Hinweis: Für die beste Wirkung, sollten Sie eine nahtlose tileable Bild werden.

Anruf slideImage() von Ihrem viewDidAppear(_:)

@IBOutlet var backgroundImageConstraint: NSLayoutConstraint! 
@IBOutlet var backgroundImage: UIImageView! 

func slideImage(){ 

    // Changes constant to be equal to the image width, 
    // this will move the image off-screen on the left-hand side. 
    backgroundImageConstraint.constant = backgroundImage.frame.width 

    UIView.animateWithDuration(5, delay: 0, options: [.CurveLinear, .Repeat], animations: { 
     // Animates the constant change 
     self.view.layoutIfNeeded() 

     }, completion: { 
      done in 

      // Resets the image view back to its original position before starting a new round of the animation 
      self.backgroundImageConstraint.constant = 0 
      self.view.setNeedsUpdateConstraints() 
    }) 
} 

Edit:

Beispielprojekt here

Answer 4

Durch die Nutzung dieser dritten Partei, die wir gefunden werden können tun, dass

https://github.com/guowilling/SRInfiniteCarouselView

Wir können eine Ansicht hinzufügen, in der wir diese Codezeile einfach übergeben können.

@property (weak, nonatomic) IBOutlet UIView *demoView; 
- (void)viewDidAppear:(BOOL)animated{ 
    SRInfiniteCarouselView *imageCarouselView = [SRInfiniteCarouselView sr_carouselViewWithImageArrary:serviceImgArray describeArray:nil placeholderImage:nil delegate:self]; 
     imageCarouselView.frame = CGRectMake(0, 0, self.demoView.frame.size.width, self.demoView.frame.size.height); 
     imageCarouselView.timeInterval = 05.0; 
     [imageCarouselView setCurrentPageIndicatorTintColor:[UIColor yellowColor]]; 
     [imageCarouselView setPageIndicatorTintColor:[UIColor whiteColor]]; 
     [self.demoView addSubview:imageCarouselView]; 
} 

Answer 5

In Swift

func viewDidLoad(){ 
    Timer.scheduledTimer(timeInterval: 3, target: self, selector: #selector(moveToNextImage), userInfo: nil, repeats: true) 
    } 

    func moveToNextImage(){ 
      let imgsCount:CGFloat = CGFloat(images.count) 
      let pageWidth:CGFloat = self.imageScrollView.frame.width 
      let maxWidth:CGFloat = pageWidth * imgsCount 
      let contentOffset:CGFloat = self.imageScrollView.contentOffset.x 

      var slideToX = contentOffset + pageWidth 

      if contentOffset + pageWidth == maxWidth{ 
       slideToX = 0 
      } 
      let currentPage:CGFloat = slideToX/pageWidth 
      // Change the indicator 
      self.pageController.currentPage = Int(currentPage) 
      self.imageScrollView.scrollRectToVisible(CGRect(x:slideToX, y:0, width:pageWidth, height:self.imageScrollView.frame.height), animated: true) 
     }