您的位置:首页 > 产品设计 > UI/UE

UIPageControl(滑动图片时底下的圆点)

2015-08-05 19:00 417 查看
UIPageControl继承于 UIControl
样式



UIPageControl *page = [[UIPageControlalloc]initWithFrame:CGRectMake(90,600,
200,40)];
page.backgroundColor = [UIColor greenColor];
[self.viewaddSubview:page];
[page
release];
page.tag =1000;

图片个数和点的个数相同
page.numberOfPages =6;

屏蔽page的点击事件相应
page.enabled = NO;

当只有一个元素(显示的点数应该为1时)隐藏page
page.hidesForSinglePage = YES;

设置颜色
点的颜色
被选中的点的颜色
page.currentPageIndicatorTintColor = [UIColororangeColor];

点的背景色
page.pageIndicatorTintColor = [UIColor cyanColor];

添加一个点击方法
[pageaddTarget:selfaction:@selector(pageActiong:)forControlEvents:UIControlEventValueChanged];

创建

self.scrollView = [[UIScrollViewalloc]initWithFrame:CGRectMake(0,0,
WIDTH,HEIGHT)];

self.scrollView.backgroundColor = [UIColoryellowColor];
[self.view addSubview:self.scrollView];
[self.scrollViewrelease];

self.scrollView.contentSize =CGSizeMake(WIDTH
*6, 0);

self.scrollView.pagingEnabled =YES;

self.scrollView.bounces =NO;

self.scrollView.delegate
=self; 设置代理人

加图片

for (NSInteger i =580; i <
586; i++) {

NSString *picName = [NSStringstringWithFormat:@"%ld.jpeg", i];

UIImageView *imageView = [[UIImageViewalloc]initWithImage:[UIImageimageNamed:picName]];

imageView.frame =CGRectMake(WIDTH
* (i -580), 0,WIDTH,
HEIGHT);
[self.scrollViewaddSubview:imageView];
[imageView
release];
}

点滑动会让图片跟着动
-(void)pageActiong:(UIPageControl *)page
{
点是从0开始的(个数是从第0张开始的)

NSLog(@"%ld", page.currentPage);

触发事件,进行图片的切换
self.scrollView.contentOffset = CGPointMake(page.currentPage * WIDTH, 0);

[self.scrollViewsetContentOffset:CGPointMake(page.currentPage
*WIDTH, 0)animated:YES];

现在的滑动图片点不动

所以要签订协议
}

图片动,点也动
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
找到page

UIPageControl *page = (UIPageControl *)[self.viewviewWithTag:1000];

page.currentPage =self.scrollView.contentOffset.x
/WIDTH;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: