1. 程式人生 > >iOS 【UIKit-UIPageControl利用delegate定位圓點位置 之 四舍五入小技巧】

iOS 【UIKit-UIPageControl利用delegate定位圓點位置 之 四舍五入小技巧】

優化 距離 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定位圓點位置 之 四舍五入小技巧】