您的位置:首页 > 其它

【笃行】首页scrollview上滑动,Button状态改变

2017-09-05 20:57 344 查看
在做一个scrollView上有两个tableView时,想左滑右滑时tableView会滑动切换,在这里需要注意的是:

1、scrollView 的 contentsize 高度可以设置为0 ,这样就不会在滑动时出现上下晃动;

2、scrollView的属性pagingEnabled = yes,这样在滑动时就会一页一页的滑动;

_homeScrollView = [[UIScrollView alloc] init];
//设置ScrollView内容展示的大小
_homeScrollView.contentSize = CGSizeMake(WIDTH * 2 , 0);
_homeScrollView.bounces = NO;
_homeScrollView.pagingEnabled = YES;
_homeScrollView.delegate = self;
[self.view addSubview:_homeScrollView];


然后在上方有两个按钮,想着就是滑动的时候按钮的选中状态也在改变,在这里卡了蛮久的。最后整理一下:

1、首先Button在定义的时候,设置选中状态和正常状态;

比如:

//正常状态的背景颜色
_liftButton.backgroundColor = [UIColor colorWithRed:206/255.0 green:206/255.0 blue:206/255.0 alpha:1];
//设置Button上的字和颜色
[_liftButton setTitle:@"公告" forState:UIControlStateNormal];
[_liftButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
//设置Button选中状态的背景颜色(图片)
[_liftButton setBackgroundImage:[UIImage imageNamed:@"按钮选中背景"] forState:UIControlStateSelected];


在这里之前出现过的问题:

setbackgroundImage 写成setImage 后每次都看不到Button上的字,搞了半天,各种换背景,透明,什么的,最后发现是方法写错了,以后警戒。

接着是Button的点击事件,需要设置一个中间Button来接收自己上一回点中的Button,首先判断点击的button是不是上回点击的,然后将点击的Button置为选中,上一回的置为非选中。

//按钮点击事件
-(void)buttonSelected:(UIButton *)sender{

if (sender!=_tempButton) {
sender.selected = YES;
_tempButton.selected = NO;

_tempButton =sender;

//此方法设置Button点击后tableView跳转,动画以0.5倍的速度
//偏移量为Button.tag - 100
//因为Button.tag = 100
[UIView animateWithDuration:0.5 animations:^{
_homeScrollView.contentOffset = CGPointMake((sender.tag-100)*WIDTH, 0);
}];

}
}


这里tag值设为100,因为与嵌套的tableView.tag = 200要区分。

还要实现scrollView的代理方法,这个方法是实现滑动的时候,不同的状态改变。

#pragma mark - UIScrollerViewDelegate
//scrollview 的协议方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

float sub = _homeScrollView.contentOffset.x/WIDTH;

UIButton * btn = (UIButton * )[self.view viewWithTag:sub+100];

if ( _tempButton != btn) {
btn.selected = YES;
_tempButton.selected = NO;
_tempButton =btn;

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐