欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS 中UIKit-UIPageControl利用delegate定位圆点位置

程序员文章站 2024-02-13 19:28:52
ios 中uikit-uipagecontrol利用delegate定位圆点位置 在uiscrollview中会添加uipagecontrol作为页码标识,可以让用户清...

ios 中uikit-uipagecontrol利用delegate定位圆点位置

在uiscrollview中会添加uipagecontrol作为页码标识,可以让用户清楚的知道当前的页数。我们需要优化的一点是让pagecontrol的小圆点精确的跟着scrollview而定位。我们先来看一下效果图:

IOS 中UIKit-UIPageControl利用delegate定位圆点位置

我们发现,当图片拖动不到一半的时候,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类型是向下取整,即省略小数点后的所有数字。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!