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

iOS-UIScrollView与UISegmentedControl的交互

2016-05-14 17:24 501 查看
先看图

第一个视图



第二个视图



两者交互





在实际开发中,很多时候用到UISegmentedControl,而它与UIScrollView简直是绝配

这里的视图布局我用storyboard做的,无法展现给大家,大家有问题可以发邮件联系我,相互学习

邮箱:mazy88@163.com,欢迎相互交流学习

下面主要放一些UIScrollView与UISegmentedControl的交互的代码

- (void)viewDidLoad {
[super viewDidLoad];
self.scrollView.delegate = self;
// 为 segmentControll 添加值改变相应事件
[self.segmentControll addTarget:self action:@selector(changecontent:) forControlEvents:UIControlEventValueChanged];
// 设置 scrollView 滚动样式为翻页
self.scrollView.pagingEnabled = YES;
}

// 当segmentControll的 selectedSegmentIndex 值发生改变时,执行方法
-(void)changecontent:(UISegmentedControl *)segment{
if (segment.selectedSegmentIndex == 0) {
// 当 UISegmentedControl 的选中第一个时,设置 scrollView 的横向偏移量为0
[self.scrollView setContentOffset:CGPointMake(0, 0) animated:YES];
}else{
// 当 UISegmentedControl 的选中第二个时,设置 scrollView 的横向偏移量为屏幕宽,移到下一个page
[self.scrollView setContentOffset:CGPointMake(self.scrollView.frame.size.width, 0) animated:YES];
}
}

// 通过 scrollView 的代理方法设置 segmentControll 的选中索引
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
if (scrollView.contentOffset.x/self.view.frame.size.width ==0) {
[self.segmentControll setSelectedSegmentIndex:0];
}else{
[self.segmentControll setSelectedSegmentIndex:1];
}
}


总结:内容比较简单,很多地方备注没有添加,其实在storyboard中布局不是很容易实现的,多多练习吧
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: