溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

IOS 中UIKit-UIPageControl利用delegate定位圓點(diǎn)位置

發(fā)布時(shí)間：2020-09-23 17:13:38 來(lái)源：腳本之家 閱讀：215 作者：CoderZYWang 欄目：移動(dòng)開發(fā)

IOS 中UIKit-UIPageControl利用delegate定位圓點(diǎn)位置

在UIScrollView中會(huì)添加UIPageControl作為頁(yè)碼標(biāo)識(shí)，可以讓用戶清楚的知道當(dāng)前的頁(yè)數(shù)。我們需要優(yōu)化的一點(diǎn)是讓pageControl的小圓點(diǎn)精確的跟著scrollView而定位。我們先來(lái)看一下效果圖：

IOS 中UIKit-UIPageControl利用delegate定位圓點(diǎn)位置

我們發(fā)現(xiàn)，當(dāng)圖片拖動(dòng)不到一半的時(shí)候，pageControl的圓點(diǎn)定位到前一張圖，圖片拖動(dòng)超過(guò)一半的時(shí)候，定位到下一張圖。這里就需要四舍五入的計(jì)算了。

我們可以利用協(xié)議 delegate 去做這件事情。

首先，我們要為當(dāng)前我們?cè)O(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)的距離除以寬度等于頁(yè)數(shù)，但是并沒(méi)有精確 
  double page = scrollView.contentOffset.x / scrollView.width; 
   
  // 采用四舍五入來(lái)確定更靠近哪一頁(yè)，并設(shè)置（下面是一個(gè)四舍五入的小技巧，+ 0.5 再向下取整即可） 
  self.pageControl.currentPage = (int)(page + 0.5); 
}

分析舉例說(shuō)明：（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ù)字。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手