web-dev-qa-db-ja.com

タイマーを使用してUIScrollViewを自動スクロールする方法は？

画像を表示するためのUIScrollViewがあります。 5秒ごとに画像を次々に表示するタイマーが必要です。タイマーを使用して5秒後に次の画像に移動するためにUIScrollViewイベントを開始するにはどうすればよいですか？

iphoneuiscrollview
18
varmab

変数inthをインターフェイスに追加し、yourScrollViewをプロパティとして追加します。次に：

[NSTimer scheduledTimerWithTimeInterval:5.0 target:self selector:@selector(onTimer) userInfo:nil repeats:YES];

- (void) onTimer {

    // Updates the variable h, adding 100 (put your own value here!)
    h += 100; 

    //This makes the scrollView scroll to the desired position  
    yourScrollView.contentOffset = CGPointMake(0, h);  

}
30
Abramodj

上記のコードを変更する

 [NSTimer scheduledTimerWithTimeInterval:0.05 target:self selector:@selector(onTimer)   userInfo:nil repeats:YES];

-(void) onTimer {
  // NSLog(@"content offset %f",scrollVw.contentOffset.y);
  if (scrollVw.contentOffset.y<MAX_ALLOWED_OFFSET) {
   //scroll to desire position
    scrollVw.contentOffset = CGPointMake(0, scrollVw.contentOffset.y+1);
  }


  }
10
iSankha007

現在の値をコンテンツのw（x値）またはh（y値）として取得します。これは、UIScollViewのコンテンツ内の現在の参照ポイントを使用した手動/半自動スクロールに役立ちます。

CGFloat w = scroller.contentOffset.x;

または

CGFloat h = scroller.contentOffset.y;

そしてもちろん：

h += 100; // h-=100 for decrement
yourScrollView.contentOffset = CGPointMake(0, h);
3
Apollo SOFTWARE

Swiftバージョン

次のプロパティを追加します

_var offSet: CGFloat = 0

@IBOutlet weak var imagePageControl: UIPageControl!
@IBOutlet weak var imageScrollView: UIScrollView!

let imageArray = [your images]
_

viewDidLoad()を変更します

_    override func viewDidLoad() {
    super.viewDidLoad()
    self.offSet = 0
    let timer = Timer.scheduledTimer(timeInterval: 8, target: self, selector: #selector(autoScroll), userInfo: nil, repeats: true)

    imagePageControl.numberOfPages = bannerArray.count
    imageScrollView.isPagingEnabled = true
    imageScrollView.contentSize.height = 200
    imageScrollView.contentSize.width = self.view.bounds.width * CGFloat(bannerArray.count)
    imageScrollView.showsHorizontalScrollIndicator = false

    imageScrollView.delegate = self

    for (index, image) in imageArray.enumerated() {
        let image = image
        let imageView = UIImageView(image: image)
        imageView.contentMode = .scaleAspectFill
        imageView.frame.size.width = self.view.bounds.size.width
        imageView.frame.size.height = 200
        imageView.frame.Origin.x = CGFloat(index) * self.view.bounds.size.width
        imageScrollView.addSubview(imageView)
    }
}
_

自動スクロール用にこの関数を作成する

_    func autoScroll() {
    let totalPossibleOffset = CGFloat(imageArray.count - 1) * self.view.bounds.size.width
    if offSet == totalPossibleOffset {
        offSet = 0 // come back to the first image after the last image
    }
    else {
    offSet += self.view.bounds.size.width
    }
    DispatchQueue.main.async() {
        UIView.animate(withDuration: 0.3, delay: 0, options: UIViewAnimationOptions.curveLinear, animations: {
            self.imageScrollView.contentOffset.x = CGFloat(self.offSet)
        }, completion: nil)
    }
}
_

手動スクロール用にこの機能を追加

_    func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let page = scrollView.contentOffset.x / scrollView.frame.size.width
    imagePageControl.currentPage = Int(page)
    self.offSet = page * scrollView.frame.size.width // this updates offset value so that automatic scroll begins from the image you arrived at manually
}
_

注：質問は自動スクロールに固有ですが、手動スクロールも追加しました。自動スクロールと手動スクロールの両方が連携して機能するようにします。また、UIPageControlを追加しました。不要な場合はimagePageControlを削除してください。

3
Nilanshu Jaiswal

たぶん、[scroll scrollRectToVisibile：animated：]は[scrollsetContentOffset]よりも優れています。 setContentOffsetは、Edgeからスクロールアウトすることにつながるためです。試してみてください！

1
weekope