IOS 中UIKit-UIPageControl利用delegate定位圓點位置
IOS 中UIKit-UIPageControl利用delegate定位圓點位置
在UIScrollView中會添加UIPageControl作為頁碼標(biāo)識,可以讓用戶清楚的知道當(dāng)前的頁數(shù)。我們需要優(yōu)化的一點是讓pageControl的小圓點精確的跟著scrollView而定位。我們先來看一下效果圖:
我們發(fā)現(xiàn),當(dāng)圖片拖動不到一半的時候,pageControl的圓點定位到前一張圖,圖片拖動超過一半的時候,定位到下一張圖。這里就需要四舍五入的計算了。
我們可以利用協(xié)議 delegate 去做這件事情。
首先,我們要為當(dāng)前我們設(shè)置的這個scrollView添加代理:
scrollView.delegate = self;
這里必須要讓當(dāng)前類去遵守 UIScrollViewDelegate 協(xié)議。
在 UIScrollViewDelegate 中,有這么一個方法,只要scrollView滾動就可以觸發(fā)。我們可以在這個方法中去實現(xiàn)。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { // 用水平移動的距離除以寬度等于頁數(shù),但是并沒有精確 double page = scrollView.contentOffset.x / scrollView.width; // 采用四舍五入來確定更靠近哪一頁,并設(shè)置(下面是一個四舍五入的小技巧,+ 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
另外注意的是,強(qiáng)制轉(zhuǎn)化為int類型是向下取整,即省略小數(shù)點后的所有數(shù)字。
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
iOS實現(xiàn)列表與網(wǎng)格兩種視圖的相互切換
相信大家應(yīng)該也都發(fā)現(xiàn)了,在現(xiàn)在很多的電商app中,都會有列表視圖和網(wǎng)格兩種視圖的相互切換。例如京東和淘寶。這樣更利于提高用戶的體驗度,所以這篇文章小編就是大家分享下利用iOS實現(xiàn)列表與網(wǎng)格兩種視圖相互切換的方法,文中介紹的很詳細(xì),感興趣的下面來一起看看吧。2016-10-10iOS schem與Universal Link 調(diào)試時踩坑解決記錄
這篇文章主要為大家介紹了iOS schem與Universal Link 調(diào)試時踩坑解決記錄,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01iOS開發(fā)實現(xiàn)HTTPS之cer文件的使用詳解
下面小編就為大家分享一篇iOS開發(fā)實現(xiàn)HTTPS之cer文件的使用詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01ios 流媒體播放器實現(xiàn)流程及FreeStreamer的使用的示例
本篇文章主要介紹了ios 流媒體播放器實現(xiàn)流程及FreeStreamer的使用的示例代碼,非常具有實用價值,需要的朋友可以參考下2018-01-01實例講解iOS中的CATransition轉(zhuǎn)場動畫使用
CATransition類為應(yīng)用程序的轉(zhuǎn)場動畫提供了很多可控制參數(shù),接下來我們就以幾個實例講解iOS中的CATransition轉(zhuǎn)場動畫使用,需要的朋友可以參考下2016-06-06