iOS 【UIKit-UIPageControl利用delegate定位圓點位置 之 四舍五入小技巧】
阿新 • • 發佈:2018-01-15
優化 距離 scroll current control 水平 技術 觸發 src
在UIScrollView中會加入UIPageControl作為頁碼標識,能夠讓用戶清楚的知道當前的頁數。我們須要優化的一點是讓pageControl的小圓點精確的跟著scrollView而定位。我們先來看一下效果圖:
我們發現。當圖片拖動不到一半的時候,pageControl的圓點定位到前一張圖,圖片拖動超過一半的時候。定位到下一張圖。這裏就須要四舍五入的計算了。
我們能夠利用協議 delegate 去做這件事情。
首先,我們要為當前我們設置的這個scrollView加入代理:
scrollView.delegate = self;
這裏必需要讓當前類去遵守 UIScrollViewDelegate 協議。
在 UIScrollViewDelegate 中。有這麽一個方法。僅僅要scrollView滾動就能夠觸發。
我們能夠在這種方法中去實現。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { // 用水平移動的距離除以寬度等於頁數,可是並沒有精確 double page = scrollView.contentOffset.x / scrollView.width; // 採用四舍五入來確定更靠近哪一頁。並設置(以下是一個四舍五入的小技巧,+ 0.5 再向下取整就可以) self.pageControl.currentPage = (int)(page + 0.5); }
分析舉例說明:(page = 0 為第一張圖片,page = 1 為第二張圖片,以此類推)
page = 0.95,更接近第二張圖片。page + 0.5 = 1.45。(int)1.45 = 1
page = 1.21,更接近第二張圖片。page + 0.5 = 1.71。(int)1.71 = 1
page = 1.67。更接近第三張圖片。page + 0.5 = 2.17,(int)2.17 = 2
page = 2.11,更接近第三張圖片,page + 0.5 = 2.61,(int)2.61 = 2
另外註意的是。強制轉化為int類型是向下取整,即省略小數點後的全部數字。
iOS 【UIKit-UIPageControl利用delegate定位圓點位置 之 四舍五入小技巧】