UIPageControl的简单使用

  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.       
  5.     _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0, self.view.frame.size.width, self.view.frame.size.height)];  
  6.     _scrollView.userInteractionEnabled = YES;  
  7.     _scrollView.directionalLockEnabled = YES;  
  8.     _scrollView.pagingEnabled = YES;  
  9.     _scrollView.showsVerticalScrollIndicator = NO;  
  10.     _scrollView.showsHorizontalScrollIndicator = NO;  
  11.     _scrollView.delegate = self;  
  12.       
  13.     CGRect frame = self.view.frame;  
  14.     frame.origin.y = 0.0f;  
  15.     UIView* viewFirst = [[[UIView alloc] initWithFrame:frame] autorelease];  
  16.     viewFirst.backgroundColor = [UIColor greenColor];  
  17.       
  18.     frame.origin.x += self.view.frame.size.width;  
  19.     UIView* viewSecond = [[[UIView alloc] initWithFrame:frame] autorelease];  
  20.     viewSecond.backgroundColor = [UIColor blueColor];  
  21.       
  22.     frame.origin.x += self.view.frame.size.width;  
  23.     UIView* viewThird = [[[UIView alloc] initWithFrame:frame] autorelease];  
  24.     viewThird.backgroundColor = [UIColor redColor];  
  25.     _scrollView.contentSize = CGSizeMake(self.view.frame.size.width*3, self.view.frame.size.height);  
  26.     [_scrollView addSubview:viewFirst];  
  27.     [_scrollView addSubview:viewSecond];  
  28.     [_scrollView addSubview:viewThird];  
  29.       
  30.     CGSize sizePageControl = CGSizeMake(120, 40);  
  31.     CGRect framePageControl = CGRectMake((self.view.frame.size.width-sizePageControl.width)/2, (self.view.frame.size.height-sizePageControl.height-40), sizePageControl.width, sizePageControl.height);  
  32.     _pageControl = [[UIPageControl alloc] initWithFrame:framePageControl];  
  33.     _pageControl.hidesForSinglePage = YES;  
  34.     _pageControl.userInteractionEnabled = NO;  
  35.     _pageControl.backgroundColor = [UIColor clearColor];  
  36.     _pageControl.numberOfPages = 3;  
  37.       
  38.     [self.view addSubview:_scrollView];  
  39.     [self.view addSubview:_pageControl];  
  40.       
同时你的ViewController 要实现UIScrollViewDelegate 协议的如下方法, 根据scroll 更新UIPageControl(当然如过你用到UIPageControl的话就无所谓了...)
  1. - (void) scrollViewDidEndDecelerating:(UIScrollView *)scrollView  
  2. {  
  3.     int index = fabs(_scrollView.contentOffset.x)/self.view.frame.size.width;  
  4.       
  5.     _pageControl.currentPage = index;  
  6. }  


下面是效果图:

 

 

转至http://blog.csdn.net/z888c/article/details/6563662



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在iOS中,要实现仿今日头条滑块滑动效果,可以借助UIKit框架中的UIScrollView以及UICollectionView来实现。 首先,在界面中添加一个UIScrollView,设置其frame为所需大小,并将其contentSize设置为所有滑块所占的总宽度。如果滑块数目较多,可以使用UICollectionView来更方便地布局和管理滑块。 接下来,可以使用UIPageControl来显示当前滑块的页数,通过与UIScrollView的滑动距离进行关联,使UIPageControl随着滑块的滑动而改变页数。可以通过UIScrollViewDelegate的方法scrollViewDidScroll来实现这一功能,根据当前的contentOffset来计算并更新UIPageControl的当前页数。 另外,要实现滑块的点击切换功能,可以使用UITapGestureRecognizer来监听滑块的点击事件。当检测到点击时,通过计算点击点的位置来判断点击的是哪个滑块,并使用UIScrollView的方法scrollRectToVisible来将该滑块滑动到可见区域。 为了增强滑块的滑动体验,可以结合UIView动画来实现平滑滑动的效果。使用UIView的方法animateWithDuration:animations:completion:来执行滑块的滑动动画,通过改变UIScrollView的contentOffset来实现滑块的平滑滑动。 此外,还可以添加一些其他效果来增强用户体验,例如滑块滑动到边缘时的弹性效果、滑块的缩放效果等。 总而言之,要实现iOS仿今日头条滑块滑动效果,需要借助UIScrollView或UICollectionView来布局和管理滑块,结合UIPageControl、UITapGestureRecognizer和UIView动画来实现滑块的滑动、点击和平滑滑动效果,并可以添加一些其他效果来增强用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值