按钮切换效果

最新推荐文章于 2022-09-09 14:15:38 发布

Holothurian

最新推荐文章于 2022-09-09 14:15:38 发布

阅读量1.3k

点赞数

分类专栏： iOS开发文章标签：按钮切换效果滑块模拟slider

本文链接：https://blog.csdn.net/SharkToping/article/details/71600851

版权

iOS开发专栏收录该内容

109 篇文章 1 订阅

订阅专栏

两个按钮实现点击切换，切换后加载具体的控件及实现功能。通过UIView 来实现滑块的效果。

//定义两个变量

@interface ForumsViewController (){

    UIButton *_oldBtn;

}

//滑块

@property (nonatomic,strong)UIView *slider;


@end


- (void)createTopView{

    UIView *topView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, F_DEVICE_W, 64)];

    topView.backgroundColor = [UIColor blueColor];

    [self.view addSubview:topView];

    NSArray *itemArray = @[@"社交",@"发现"];

    //滑块

    self.slider = [[UIView alloc]initWithFrame:CGRectMake(F_DEVICE_W / 3.f, 22, F_DEVICE_W / 6.f, 35)];

    self.slider.backgroundColor = [UIColor whiteColor];

     self.slider.layer.cornerRadius = 5;

     self.slider.layer.masksToBounds = YES;

     [topView addSubview:self.slider];

    

    for (NSInteger i = 0; i < itemArray.count; i++) {

        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

        btn.frame = CGRectMake(F_DEVICE_W / 3.f + i * F_DEVICE_W / 6.f, 20, F_DEVICE_W / 6.f  , 44);

        btn.backgroundColor = [UIColor clearColor];

        btn.tag = 9998 + i;

        if (i == 0) {btn.selected = YES;_oldBtn = btn;}

        [btn setTitle:itemArray[i] forState:UIControlStateNormal];

        [btn setTitleColor:[UIColor blueColor] forState:UIControlStateSelected];

        [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

        [btn addTarget:self action:@selector(btnClickAction:) forControlEvents:UIControlEventTouchUpInside];

        [topView addSubview:btn];

    }

}


- (void)btnClickAction:(UIButton *)sender{

    if (sender.selected) return;

    _oldBtn.selected = NO;//选中的老按钮选中状态直为非选中

    sender.selected = YES;

    _oldBtn = sender;


    __weak typeof(self) bSelf = self;

    switch (sender.tag) {

        case 9998:{

            [UIView animateWithDuration:0.5 animations:^{

                bSelf.slider.frame = CGRectMake(F_DEVICE_W / 3.f, 22, F_DEVICE_W / 6.f, 40);

            }];

//此处添加其他事件

            break;}

        case 9999:{

            [UIView animateWithDuration:0.5 animations:^{

                bSelf.slider.frame = CGRectMake(F_DEVICE_W * 0.5, 22, F_DEVICE_W / 6.f, 40);

            }];

//此处添加其他事件

            break;}

        default:

            break;

    }

}