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